@koi-design/uxd-ui 14.0.1 → 14.0.2
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/es/components/AutoComplete/AutoComplete.vue.d.ts +9 -0
- package/es/components/AutoComplete/index.d.ts +18 -0
- package/es/components/ColorPicker/ColorPicker.vue.d.ts +9 -0
- package/es/components/ColorPicker/index.d.ts +18 -0
- package/es/components/Dropdown/DropdownMenu.mjs +0 -1
- package/es/components/Dropdown/DropdownMenu.mjs.map +1 -1
- package/es/components/Input/Input.d.ts +6 -0
- package/es/components/Input/Input.mjs +1 -0
- package/es/components/Input/Input.mjs.map +1 -1
- package/es/components/Input/Input.type.d.ts +3 -0
- package/es/components/Input/Input.type.mjs +3 -0
- package/es/components/Input/Input.type.mjs.map +1 -1
- package/es/components/Input/index.d.ts +9 -0
- package/es/components/Pagination/Options.d.ts +8 -0
- package/es/components/Pagination/Options.mjs +6 -1
- package/es/components/Pagination/Options.mjs.map +1 -1
- package/es/components/Pagination/Pagination.d.ts +8 -0
- package/es/components/Pagination/Pagination.mjs +2 -0
- package/es/components/Pagination/Pagination.mjs.map +1 -1
- package/es/components/Pagination/index.d.ts +16 -0
- package/es/components/Table/Table.vue.d.ts +16 -0
- package/es/components/Transfer/Transfer.vue.d.ts +27 -0
- package/es/components/Transfer/TransferList.vue.d.ts +9 -0
- package/es/components/Transfer/index.d.ts +72 -0
- package/lib/components/AutoComplete/AutoComplete.vue.d.ts +9 -0
- package/lib/components/AutoComplete/index.d.ts +18 -0
- package/lib/components/ColorPicker/ColorPicker.vue.d.ts +9 -0
- package/lib/components/ColorPicker/index.d.ts +18 -0
- package/lib/components/Dropdown/DropdownMenu.js +0 -1
- package/lib/components/Dropdown/DropdownMenu.js.map +1 -1
- package/lib/components/Input/Input.d.ts +6 -0
- package/lib/components/Input/Input.js +1 -0
- package/lib/components/Input/Input.js.map +1 -1
- package/lib/components/Input/Input.type.d.ts +3 -0
- package/lib/components/Input/Input.type.js +3 -0
- package/lib/components/Input/Input.type.js.map +1 -1
- package/lib/components/Input/index.d.ts +9 -0
- package/lib/components/Pagination/Options.d.ts +8 -0
- package/lib/components/Pagination/Options.js +6 -1
- package/lib/components/Pagination/Options.js.map +1 -1
- package/lib/components/Pagination/Pagination.d.ts +8 -0
- package/lib/components/Pagination/Pagination.js +2 -0
- package/lib/components/Pagination/Pagination.js.map +1 -1
- package/lib/components/Pagination/index.d.ts +16 -0
- package/lib/components/Table/Table.vue.d.ts +16 -0
- package/lib/components/Transfer/Transfer.vue.d.ts +27 -0
- package/lib/components/Transfer/TransferList.vue.d.ts +9 -0
- package/lib/components/Transfer/index.d.ts +72 -0
- package/package.json +1 -1
- package/styles/components/cascader/index.css +1 -1
- package/styles/components/dropdown/index.css +1 -1
- package/styles/components/dropdown/index.less +12 -26
- package/styles/components/dropdown/var.less +6 -19
- package/styles/components/form/index.css +1 -1
- package/styles/components/form/index.less +25 -12
- package/styles/components/pagination/index.css +1 -1
- package/styles/components/pagination/index.less +41 -178
- package/styles/components/pagination/var.less +8 -21
- package/styles/components/select/index.css +1 -1
- package/styles/components/select/index.less +3 -10
- package/styles/components/select/var.less +1 -3
- package/styles/index.css +1 -1
- package/types/components/AutoComplete/AutoComplete.vue.d.ts +9 -0
- package/types/components/AutoComplete/index.d.ts +18 -0
- package/types/components/ColorPicker/ColorPicker.vue.d.ts +9 -0
- package/types/components/ColorPicker/index.d.ts +18 -0
- package/types/components/Input/Input.d.ts +6 -0
- package/types/components/Input/Input.type.d.ts +3 -0
- package/types/components/Input/index.d.ts +9 -0
- package/types/components/Pagination/Options.d.ts +8 -0
- package/types/components/Pagination/Pagination.d.ts +8 -0
- package/types/components/Pagination/index.d.ts +16 -0
- package/types/components/Table/Table.vue.d.ts +16 -0
- package/types/components/Transfer/Transfer.vue.d.ts +27 -0
- package/types/components/Transfer/TransferList.vue.d.ts +9 -0
- package/types/components/Transfer/index.d.ts +72 -0
- package/uxd-ui.css +1 -1
- package/uxd-ui.esm.min.mjs +3 -3
- package/uxd-ui.esm.mjs +13 -3
- package/uxd-ui.umd.js +13 -3
- package/uxd-ui.umd.min.js +3 -3
|
@@ -3164,6 +3164,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3164
3164
|
direction: {
|
|
3165
3165
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3166
3166
|
};
|
|
3167
|
+
inputSize: {
|
|
3168
|
+
type: NumberConstructor;
|
|
3169
|
+
};
|
|
3167
3170
|
}>> & Readonly<{
|
|
3168
3171
|
onSearch?: (v: InputValueType) => any;
|
|
3169
3172
|
onChange?: (v: InputValueType) => any;
|
|
@@ -3502,6 +3505,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3502
3505
|
direction: {
|
|
3503
3506
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3504
3507
|
};
|
|
3508
|
+
inputSize: {
|
|
3509
|
+
type: NumberConstructor;
|
|
3510
|
+
};
|
|
3505
3511
|
}>> & Readonly<{
|
|
3506
3512
|
onSearch?: (v: InputValueType) => any;
|
|
3507
3513
|
onChange?: (v: InputValueType) => any;
|
|
@@ -3690,6 +3696,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3690
3696
|
direction: {
|
|
3691
3697
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3692
3698
|
};
|
|
3699
|
+
inputSize: {
|
|
3700
|
+
type: NumberConstructor;
|
|
3701
|
+
};
|
|
3693
3702
|
}>> & Readonly<{
|
|
3694
3703
|
onSearch?: (v: InputValueType) => any;
|
|
3695
3704
|
onChange?: (v: InputValueType) => any;
|
|
@@ -3134,6 +3134,9 @@ export declare const UAutoComplete: {
|
|
|
3134
3134
|
direction: {
|
|
3135
3135
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3136
3136
|
};
|
|
3137
|
+
inputSize: {
|
|
3138
|
+
type: NumberConstructor;
|
|
3139
|
+
};
|
|
3137
3140
|
}>> & Readonly<{
|
|
3138
3141
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
3139
3142
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -3472,6 +3475,9 @@ export declare const UAutoComplete: {
|
|
|
3472
3475
|
direction: {
|
|
3473
3476
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3474
3477
|
};
|
|
3478
|
+
inputSize: {
|
|
3479
|
+
type: NumberConstructor;
|
|
3480
|
+
};
|
|
3475
3481
|
}>> & Readonly<{
|
|
3476
3482
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
3477
3483
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -3660,6 +3666,9 @@ export declare const UAutoComplete: {
|
|
|
3660
3666
|
direction: {
|
|
3661
3667
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3662
3668
|
};
|
|
3669
|
+
inputSize: {
|
|
3670
|
+
type: NumberConstructor;
|
|
3671
|
+
};
|
|
3663
3672
|
}>> & Readonly<{
|
|
3664
3673
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
3665
3674
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -11298,6 +11307,9 @@ export declare const UAutoComplete: {
|
|
|
11298
11307
|
direction: {
|
|
11299
11308
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
11300
11309
|
};
|
|
11310
|
+
inputSize: {
|
|
11311
|
+
type: NumberConstructor;
|
|
11312
|
+
};
|
|
11301
11313
|
}>> & Readonly<{
|
|
11302
11314
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
11303
11315
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -11636,6 +11648,9 @@ export declare const UAutoComplete: {
|
|
|
11636
11648
|
direction: {
|
|
11637
11649
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
11638
11650
|
};
|
|
11651
|
+
inputSize: {
|
|
11652
|
+
type: NumberConstructor;
|
|
11653
|
+
};
|
|
11639
11654
|
}>> & Readonly<{
|
|
11640
11655
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
11641
11656
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -11824,6 +11839,9 @@ export declare const UAutoComplete: {
|
|
|
11824
11839
|
direction: {
|
|
11825
11840
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
11826
11841
|
};
|
|
11842
|
+
inputSize: {
|
|
11843
|
+
type: NumberConstructor;
|
|
11844
|
+
};
|
|
11827
11845
|
}>> & Readonly<{
|
|
11828
11846
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
11829
11847
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -919,6 +919,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
919
919
|
direction: {
|
|
920
920
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
921
921
|
};
|
|
922
|
+
inputSize: {
|
|
923
|
+
type: NumberConstructor;
|
|
924
|
+
};
|
|
922
925
|
}>> & Readonly<{
|
|
923
926
|
onSearch?: (v: import("@koi-design/uxd-ui/es/components/Input").InputValueType) => any;
|
|
924
927
|
onChange?: (v: import("@koi-design/uxd-ui/es/components/Input").InputValueType) => any;
|
|
@@ -1257,6 +1260,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1257
1260
|
direction: {
|
|
1258
1261
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
1259
1262
|
};
|
|
1263
|
+
inputSize: {
|
|
1264
|
+
type: NumberConstructor;
|
|
1265
|
+
};
|
|
1260
1266
|
}>> & Readonly<{
|
|
1261
1267
|
onSearch?: (v: import("@koi-design/uxd-ui/es/components/Input").InputValueType) => any;
|
|
1262
1268
|
onChange?: (v: import("@koi-design/uxd-ui/es/components/Input").InputValueType) => any;
|
|
@@ -1445,6 +1451,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
1445
1451
|
direction: {
|
|
1446
1452
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
1447
1453
|
};
|
|
1454
|
+
inputSize: {
|
|
1455
|
+
type: NumberConstructor;
|
|
1456
|
+
};
|
|
1448
1457
|
}>> & Readonly<{
|
|
1449
1458
|
onSearch?: (v: import("@koi-design/uxd-ui/es/components/Input").InputValueType) => any;
|
|
1450
1459
|
onChange?: (v: import("@koi-design/uxd-ui/es/components/Input").InputValueType) => any;
|
|
@@ -882,6 +882,9 @@ export declare const UColorPicker: {
|
|
|
882
882
|
direction: {
|
|
883
883
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
884
884
|
};
|
|
885
|
+
inputSize: {
|
|
886
|
+
type: NumberConstructor;
|
|
887
|
+
};
|
|
885
888
|
}>> & Readonly<{
|
|
886
889
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
887
890
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -1220,6 +1223,9 @@ export declare const UColorPicker: {
|
|
|
1220
1223
|
direction: {
|
|
1221
1224
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
1222
1225
|
};
|
|
1226
|
+
inputSize: {
|
|
1227
|
+
type: NumberConstructor;
|
|
1228
|
+
};
|
|
1223
1229
|
}>> & Readonly<{
|
|
1224
1230
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
1225
1231
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -1408,6 +1414,9 @@ export declare const UColorPicker: {
|
|
|
1408
1414
|
direction: {
|
|
1409
1415
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
1410
1416
|
};
|
|
1417
|
+
inputSize: {
|
|
1418
|
+
type: NumberConstructor;
|
|
1419
|
+
};
|
|
1411
1420
|
}>> & Readonly<{
|
|
1412
1421
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
1413
1422
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -3644,6 +3653,9 @@ export declare const UColorPicker: {
|
|
|
3644
3653
|
direction: {
|
|
3645
3654
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3646
3655
|
};
|
|
3656
|
+
inputSize: {
|
|
3657
|
+
type: NumberConstructor;
|
|
3658
|
+
};
|
|
3647
3659
|
}>> & Readonly<{
|
|
3648
3660
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
3649
3661
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -3982,6 +3994,9 @@ export declare const UColorPicker: {
|
|
|
3982
3994
|
direction: {
|
|
3983
3995
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
3984
3996
|
};
|
|
3997
|
+
inputSize: {
|
|
3998
|
+
type: NumberConstructor;
|
|
3999
|
+
};
|
|
3985
4000
|
}>> & Readonly<{
|
|
3986
4001
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
3987
4002
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -4170,6 +4185,9 @@ export declare const UColorPicker: {
|
|
|
4170
4185
|
direction: {
|
|
4171
4186
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
4172
4187
|
};
|
|
4188
|
+
inputSize: {
|
|
4189
|
+
type: NumberConstructor;
|
|
4190
|
+
};
|
|
4173
4191
|
}>> & Readonly<{
|
|
4174
4192
|
onSearch?: (v: import("..").InputValueType) => any;
|
|
4175
4193
|
onChange?: (v: import("..").InputValueType) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.mjs","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import type { CSSProperties, PropType } from 'vue';\nimport { computed, defineComponent } from 'vue';\nimport { UMenu } from '@uxd-ui/components/Menu';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { useGlobalConfig } from '../base/hooks';\nimport type { DropdownMenuOption } from './Dropdown.type';\n\nexport default defineComponent({\n name: 'UDropdownMenu',\n props: {\n options: {\n type: Array as PropType<DropdownMenuOption[]>,\n default: () => [] as DropdownMenuOption[]\n },\n icon: {\n type: Boolean\n },\n width: {\n type: Number\n },\n height: {\n type: Number\n }\n },\n emits: ['click'],\n setup(props, { emit }) {\n const { prefixCls } = useGlobalConfig('dropdown');\n const handleMenuClick = (e: any) => {\n emit('click', e.key);\n };\n\n const style = computed(() => {\n const s = {} as CSSProperties;\n if (props.width) {\n s.width = `${props.width}px`;\n }\n if (props.height) {\n s.height = `${props.height}px`;\n }\n return s;\n });\n\n return {\n prefixCls,\n style,\n handleMenuClick\n };\n },\n render() {\n const { prefixCls } = this;\n if (this.$slots.default) {\n return (\n <div class={`${prefixCls}-container`} style={this.style}>\n {this.$slots.default()}\n </div>\n );\n }\n const renderItem = (m: DropdownMenuOption) => {\n if (m.divider) {\n return <UMenu.Divider />;\n }\n if (m.group) {\n return <UMenu.ItemGroup title={m.title}>{m.children.map(renderItem)}</UMenu.ItemGroup>;\n }\n if (m.children) {\n return (\n <UMenu.SubMenu\n name={m.value}\n color={m.color}\n disabled={m.disabled}\n v-slots={{\n title: () => {\n return (\n <span\n class={{\n [`${prefixCls}-submenu-item-inner`]: true,\n [`${prefixCls}-submenu-item-inner-with-icon`]: this.icon\n }}\n >\n {this.icon && m.icon && <UIcon icon={m.icon} />}\n {m.label}\n </span>\n );\n }\n }}\n >\n {m.children.map(renderItem)}\n </UMenu.SubMenu>\n );\n }\n return (\n <UMenu.Item
|
|
1
|
+
{"version":3,"file":"DropdownMenu.mjs","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import type { CSSProperties, PropType } from 'vue';\nimport { computed, defineComponent } from 'vue';\nimport { UMenu } from '@uxd-ui/components/Menu';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { useGlobalConfig } from '../base/hooks';\nimport type { DropdownMenuOption } from './Dropdown.type';\n\nexport default defineComponent({\n name: 'UDropdownMenu',\n props: {\n options: {\n type: Array as PropType<DropdownMenuOption[]>,\n default: () => [] as DropdownMenuOption[]\n },\n icon: {\n type: Boolean\n },\n width: {\n type: Number\n },\n height: {\n type: Number\n }\n },\n emits: ['click'],\n setup(props, { emit }) {\n const { prefixCls } = useGlobalConfig('dropdown');\n const handleMenuClick = (e: any) => {\n emit('click', e.key);\n };\n\n const style = computed(() => {\n const s = {} as CSSProperties;\n if (props.width) {\n s.width = `${props.width}px`;\n }\n if (props.height) {\n s.height = `${props.height}px`;\n }\n return s;\n });\n\n return {\n prefixCls,\n style,\n handleMenuClick\n };\n },\n render() {\n const { prefixCls } = this;\n if (this.$slots.default) {\n return (\n <div class={`${prefixCls}-container`} style={this.style}>\n {this.$slots.default()}\n </div>\n );\n }\n const renderItem = (m: DropdownMenuOption) => {\n if (m.divider) {\n return <UMenu.Divider />;\n }\n if (m.group) {\n return <UMenu.ItemGroup title={m.title}>{m.children.map(renderItem)}</UMenu.ItemGroup>;\n }\n if (m.children) {\n return (\n <UMenu.SubMenu\n name={m.value}\n color={m.color}\n disabled={m.disabled}\n v-slots={{\n title: () => {\n return (\n <span\n class={{\n [`${prefixCls}-submenu-item-inner`]: true,\n [`${prefixCls}-submenu-item-inner-with-icon`]: this.icon\n }}\n >\n {this.icon && m.icon && <UIcon icon={m.icon} />}\n {m.label}\n </span>\n );\n }\n }}\n >\n {m.children.map(renderItem)}\n </UMenu.SubMenu>\n );\n }\n return (\n <UMenu.Item name={m.value} color={m.color} disabled={m.disabled} onClick={this.handleMenuClick}>\n <span\n class={{\n [`${prefixCls}-menu-item-inner`]: true,\n [`${prefixCls}-menu-item-inner-with-icon`]: this.icon\n }}\n >\n {this.icon && m.icon && <UIcon icon={m.icon} />}\n {m.label}\n </span>\n </UMenu.Item>\n );\n };\n\n const menus = this.options.map(renderItem);\n return (\n <UMenu\n class={{\n [`${prefixCls}-menu`]: true,\n [`${prefixCls}-menu-with-icon`]: this.icon\n }}\n style={this.style}\n >\n {menus}\n </UMenu>\n );\n }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","options","type","Array","default","icon","Boolean","width","Number","height","emits","setup","emit","prefixCls","useGlobalConfig","handleMenuClick","e","key","style","computed","render","$slots","_createVNode","renderItem","m","divider","UMenu","Divider","group","_slot","ItemGroup","title","children","map","SubMenu","value","color","disabled","UIcon","label","Item","menus"],"mappings":"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"}
|
|
@@ -113,6 +113,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
113
113
|
direction: {
|
|
114
114
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
115
115
|
};
|
|
116
|
+
inputSize: {
|
|
117
|
+
type: NumberConstructor;
|
|
118
|
+
};
|
|
116
119
|
}>, {
|
|
117
120
|
prefixCls: import("vue").ComputedRef<string>;
|
|
118
121
|
wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
|
|
@@ -273,6 +276,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
273
276
|
direction: {
|
|
274
277
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
275
278
|
};
|
|
279
|
+
inputSize: {
|
|
280
|
+
type: NumberConstructor;
|
|
281
|
+
};
|
|
276
282
|
}>> & Readonly<{
|
|
277
283
|
onSearch?: (v: InputValueType) => any;
|
|
278
284
|
onClear?: (ev: Event) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { defineComponent, computed, ref, onMounted, nextTick, watch, inject, resolveComponent, shallowRef } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Search, CircleX, Eye, EyeOff } from 'lucide-vue-next';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport calculateNodeHeight from '../../utils/calculateNodeHeight';\nimport { isValid } from '../../utils/isValid';\nimport { FormItemKey } from '../Form';\nimport { inputProps, inputEmits, type AutoSizeObject, type InputValueType } from './Input.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nconst getMoneyString = (val: string) => {\n return val.replace(/^-?\\d+/g, (m) => m.replace(/(?=(?!\\b)(\\d{3})+$)/g, ','));\n};\n\nexport default defineComponent({\n name: 'UInput',\n components: {\n UIcon,\n Search,\n CircleX,\n Eye,\n EyeOff\n },\n // #region props\n props: inputProps,\n emits: inputEmits,\n setup(props, { slots, emit }) {\n const { prefixCls, config: globalConfig } = useGlobalConfig('input');\n const { onFieldChange, onFieldBlur } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n // ref\n const wordCountRef = shallowRef<HTMLElement | null>(null);\n const inputRef = shallowRef<HTMLInputElement | null>(null);\n const textareaRef = shallowRef<HTMLTextAreaElement | null>(null);\n const appendRef = shallowRef<HTMLElement | null>(null);\n // #region data\n\n const showPassword = ref(false);\n\n const stateValue = ref<string | number>('');\n const slotReady = ref(false);\n const isOnComposition = ref(false);\n const textareaStyles = ref({});\n const showClearIcon = ref(false);\n // #endregion\n // #region computed\n const showPrefix = computed(() => {\n if (props.type !== 'textarea') {\n return props.prefixIcon !== undefined || slots.prefix !== undefined;\n }\n return false;\n });\n const showSuffix = computed(() => {\n if (props.type !== 'textarea' && !props.showWordLimit && !props.search && !props.passwordIcon) {\n return props.suffixIcon !== undefined || slots.suffix !== undefined;\n }\n return false;\n });\n const textLength = computed(() => {\n return typeof stateValue.value === 'number' ? String(stateValue.value).length : (stateValue.value || '').length;\n });\n const showPrepend = computed(() => {\n if (props.type !== 'textarea') return slots.prepend !== undefined;\n return false;\n });\n const showAppend = computed(() => {\n if (props.type !== 'textarea') return slots.append !== undefined;\n return false;\n });\n const nativeType = computed(() => {\n let tempType = props.type;\n if (props.type === 'password' && props.passwordIcon && showPassword.value) {\n tempType = 'text';\n }\n return tempType;\n });\n\n const computedDirection = computed(() => {\n return props.direction || globalConfig.direction || 'ltr';\n });\n\n // #region methods\n const resizeTextarea = () => {\n if (!props.autosize || props.type !== 'textarea' || !textareaRef.value) {\n return;\n }\n const { minRows, maxRows } = props.autosize as AutoSizeObject;\n textareaStyles.value = calculateNodeHeight(textareaRef.value, minRows, maxRows);\n };\n\n // #endregion\n watch(\n () => props.modelValue,\n (nv) => {\n stateValue.value = nv !== undefined || nv !== null ? nv : '';\n nextTick(() => {\n resizeTextarea();\n });\n },\n { immediate: true }\n );\n\n const wordCountWidth = ref(0);\n // const computedStyle = computed(() => {\n // // default 11 inputbasepadding\n // let paddingRight = 0;\n // // wordlimit add limit width fixed 8px\n // if (props.showWordLimit) {\n // paddingRight += wordCountWidth.value + 16;\n // } else if (showSuffix.value || props.passwordIcon || (props.search && props.enterButton === false)) {\n // paddingRight = 26;\n // }\n // // when clear icon appear with word count\n // if (showClearIcon.value && !showSuffix.value) {\n // paddingRight += 24;\n // }\n // if (paddingRight !== 0) {\n // return {\n // paddingRight: `${paddingRight}px`\n // };\n // }\n // return {};\n // });\n // const computedClearStyle = computed(() => {\n // const clearStyle: CSSProperties = {};\n // let right = 0;\n // if (props.passwordIcon || (props.search && props.enterButton === false)) {\n // right = 24;\n // } else if (props.showWordLimit) {\n // right = wordCountWidth.value + 11;\n // }\n // if (appendRef.value) {\n // right += appendRef.value.offsetWidth;\n // }\n // if (right > 0) {\n // clearStyle.right = `${right}px`;\n // }\n // return clearStyle;\n // });\n\n const handleWrapEnter = () => {\n if (props.clearable) {\n showClearIcon.value = !showClearIcon.value;\n }\n };\n const computedPaddingRight = () => {\n if (props.showWordLimit && wordCountRef.value) {\n wordCountWidth.value = wordCountRef.value.offsetWidth;\n }\n };\n\n const emitChange = (value: InputValueType) => {\n if (props.modelValue === undefined) {\n stateValue.value = value;\n }\n emit('update:modelValue', value);\n emit('change', value);\n if (onFieldChange && !props.disabledTriggerForm) {\n onFieldChange(value);\n }\n };\n\n const setStateValue = (value: InputValueType) => {\n if (value === stateValue.value) return;\n if (props.showWordLimit) {\n computedPaddingRight();\n }\n nextTick(() => {\n setTimeout(() => {\n resizeTextarea();\n });\n });\n emitChange(value);\n };\n\n const handleInput = (event: any) => {\n if (isOnComposition.value) return;\n setStateValue(event.target.value);\n };\n\n const handleBlur = (event: any) => {\n if (onFieldBlur && !props.disabledTriggerForm) {\n onFieldBlur(stateValue.value);\n }\n emit('blur', event);\n };\n\n const handleComposition = (event: any) => {\n if (event.type === 'compositionstart') {\n isOnComposition.value = true;\n }\n if (event.type === 'compositionend') {\n isOnComposition.value = false;\n handleInput(event);\n }\n };\n\n const focus = () => {\n if (props.type === 'textarea') {\n textareaRef.value?.focus();\n } else {\n inputRef.value?.focus();\n }\n };\n const select = () => {\n if (props.type === 'textarea') {\n textareaRef.value?.select();\n } else {\n inputRef.value?.select();\n }\n };\n\n const handleClear = (event: Event) => {\n setStateValue('');\n emit('clear', event);\n };\n\n const handleEnter = (event: Event) => {\n emit('enter', event);\n if (props.search) emit('search', stateValue.value);\n };\n const handleSearch = () => {\n if (props.disabled) return;\n // inputRef.value?.focus();\n emit('search', stateValue.value);\n };\n\n const handleToggleShowPassword = () => {\n if (props.disabled || !stateValue.value) return;\n const len = `${stateValue.value}`.length;\n showPassword.value = !showPassword.value;\n inputRef.value?.focus();\n setTimeout(() => {\n inputRef.value?.setSelectionRange(len, len);\n }, 0);\n };\n const handleKeydown = (event: any) => {\n emit('keydown', event);\n };\n const handleKeypress = (event: any) => {\n emit('keypress', event);\n };\n const handleKeyup = (event: any) => {\n if (event.key === 'Enter') {\n handleEnter(event);\n }\n emit('keyup', event);\n };\n const handleFocus = (event: any) => {\n emit('focus', event);\n };\n\n // #endregion\n\n onMounted(() => {\n slotReady.value = true;\n nextTick(() => {\n setTimeout(() => {\n resizeTextarea();\n });\n });\n computedPaddingRight();\n });\n\n return {\n prefixCls,\n wordCountRef,\n inputRef,\n textareaRef,\n appendRef,\n slotReady,\n stateValue,\n getMoneyString,\n textareaStyles,\n showPassword,\n computedDirection,\n // computedStyle,\n // computedClearStyle,\n nativeType,\n showPrefix,\n showSuffix,\n textLength,\n showPrepend,\n showAppend,\n showClearIcon,\n // methods\n handleEnter,\n handleWrapEnter,\n handleKeydown,\n handleKeypress,\n handleKeyup,\n handleFocus,\n handleBlur,\n handleComposition,\n handleInput,\n setStateValue,\n resizeTextarea,\n focus,\n select,\n handleClear,\n handleSearch,\n handleToggleShowPassword\n };\n },\n render() {\n const { prefixCls } = this;\n\n const prefixIcon = typeof this.prefixIcon === 'string' ? resolveComponent(this.prefixIcon) : this.prefixIcon;\n const suffixIcon = typeof this.suffixIcon === 'string' ? resolveComponent(this.suffixIcon) : this.suffixIcon;\n const suffix = () => {\n if (this.type === 'password' && this.passwordIcon) {\n return (\n <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`]} onClick={this.handleToggleShowPassword}>\n <UIcon>{this.showPassword ? <Eye /> : <EyeOff />}</UIcon>\n </span>\n );\n }\n if (this.showWordLimit) {\n return (\n <span ref=\"wordCountRef\" class={[`${prefixCls}-word-count`]}>\n {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n </span>\n );\n }\n if (this.showSuffix) {\n return (\n <span class={`${prefixCls}-suffix`}>\n {this.$slots.suffix\n ? this.$slots.suffix()\n : suffixIcon && (\n <UIcon>\n <suffixIcon />\n </UIcon>\n )}\n </span>\n );\n }\n };\n\n const prefix = () => {\n if (this.search && this.enterButton === false) {\n return (\n <span class={[`${prefixCls}-prefix`]}>\n <UIcon>\n <Search />\n </UIcon>\n </span>\n );\n }\n if (this.showPrefix) {\n return (\n <span class={`${prefixCls}-prefix`}>\n {this.$slots.prefix\n ? this.$slots.prefix()\n : prefixIcon && (\n <UIcon>\n <prefixIcon />\n </UIcon>\n )}\n </span>\n );\n }\n return null;\n };\n\n const singleInput = (\n <div\n class={[\n `${prefixCls}-wrap`,\n `${prefixCls}-wrap-${this.size}`,\n {\n [`${prefixCls}-${this.type}`]: this.type !== 'number',\n [`${prefixCls}-wrap-disabled`]: this.disabled,\n [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n }\n ]}\n onMouseenter={this.handleWrapEnter}\n onMouseleave={this.handleWrapEnter}\n >\n {this.label && (\n <label\n class={{\n [`${prefixCls}-label`]: true,\n [`${prefixCls}-label-colon`]: this.labelColon && this.labelPosition === 'left',\n [`${prefixCls}-label-required`]: this.required\n }}\n >\n {this.label}\n </label>\n )}\n {prefix()}\n\n <input\n ref=\"inputRef\"\n class={[`${this.prefixCls}`]}\n type={this.nativeType}\n readonly={this.readonly}\n placeholder={this.placeholder}\n autofocus={this.autofocus}\n disabled={this.disabled}\n maxlength={this.maxlength}\n autocomplete={this.autocomplete}\n spellcheck={this.spellcheck}\n value={this.stateValue}\n onKeyup={this.handleKeyup}\n onKeypress={this.handleKeypress}\n onKeydown={this.handleKeydown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onCompositionstart={this.handleComposition}\n onCompositionupdate={this.handleComposition}\n onCompositionend={this.handleComposition}\n onInput={this.handleInput}\n onChange={this.handleInput}\n />\n {this.clearable && isValid(this.stateValue) && !this.disabled && (\n <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n <UIcon>\n <CircleX />\n </UIcon>\n </span>\n )}\n {suffix()}\n </div>\n );\n\n if (this.type === 'textarea') {\n return (\n <div\n class={[\n `${prefixCls}-wrap`,\n `${prefixCls}-wrap-${this.size}`,\n `${prefixCls}-wrap-textarea`,\n {\n [`${prefixCls}-wrap-disabled`]: this.disabled,\n [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n }\n ]}\n onMouseenter={this.handleWrapEnter}\n onMouseleave={this.handleWrapEnter}\n >\n <textarea\n id={this.elementId}\n ref=\"textareaRef\"\n class={[\n `${prefixCls}`,\n {\n [`${prefixCls}-disabled`]: this.disabled\n }\n ]}\n value={this.stateValue}\n style={this.textareaStyles}\n wrap={this.wrap}\n disabled={this.disabled}\n readonly={this.readonly}\n placeholder={this.placeholder}\n autofocus={this.autofocus}\n maxlength={this.maxlength}\n autocomplete={this.autocomplete}\n spellcheck={this.spellcheck}\n rows={this.rows}\n onKeyup={this.handleKeyup}\n onKeypress={this.handleKeypress}\n onKeydown={this.handleKeydown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onCompositionstart={this.handleComposition}\n onCompositionupdate={this.handleComposition}\n onCompositionend={this.handleComposition}\n onInput={this.handleInput}\n />\n {this.clearable && isValid(this.stateValue) && !this.disabled && (\n <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n <UIcon>\n <CircleX />\n </UIcon>\n </span>\n )}\n {this.showWordLimit && (\n <div class={[`${prefixCls}-word-count`]}>\n {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n </div>\n )}\n </div>\n );\n }\n\n if (this.showPrepend || this.showAppend || (this.search && this.enterButton)) {\n return (\n <div\n class={[\n `${prefixCls}-group`,\n `${prefixCls}-group-${this.size}`,\n {\n [`${prefixCls}-group-with-prepend`]: this.showPrepend,\n [`${prefixCls}-group-with-append`]: this.showAppend || (this.search && this.enterButton),\n [`${prefixCls}-with-search`]: this.search && this.enterButton,\n [`${prefixCls}-group-soft`]: this.variant === 'soft',\n [`${prefixCls}-group-rtl`]: this.computedDirection === 'rtl'\n }\n ]}\n >\n {this.showPrepend && <div class={[`${prefixCls}-group-prepend`]}>{this.$slots.prepend()}</div>}\n {singleInput}\n {this.search && !!this.enterButton ? (\n <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]} onClick={this.handleSearch}>\n {this.enterButton === true ? (\n <UIcon>\n <Search />\n </UIcon>\n ) : (\n this.enterButton\n )}\n </div>\n ) : (\n this.showAppend && (\n <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]}>\n {this.$slots.append()}\n </div>\n )\n )}\n </div>\n );\n }\n\n return singleInput;\n }\n});\n"],"names":["getMoneyString","val","replace","m","defineComponent","name","components","UIcon","Search","CircleX","Eye","EyeOff","props","inputProps","emits","inputEmits","setup","slots","emit","prefixCls","config","globalConfig","useGlobalConfig","onFieldChange","onFieldBlur","inject","FormItemKey","wordCountRef","shallowRef","inputRef","textareaRef","appendRef","showPassword","ref","stateValue","slotReady","isOnComposition","textareaStyles","showClearIcon","showPrefix","computed","type","prefixIcon","undefined","prefix","showSuffix","showWordLimit","search","passwordIcon","suffixIcon","suffix","textLength","value","String","length","showPrepend","prepend","showAppend","append","nativeType","tempType","computedDirection","direction","resizeTextarea","autosize","minRows","maxRows","calculateNodeHeight","watch","modelValue","nv","nextTick","immediate","wordCountWidth","handleWrapEnter","clearable","computedPaddingRight","offsetWidth","emitChange","disabledTriggerForm","setStateValue","setTimeout","handleInput","event","target","handleBlur","handleComposition","focus","select","handleClear","handleEnter","handleSearch","disabled","handleToggleShowPassword","len","_a","setSelectionRange","handleKeydown","handleKeypress","handleKeyup","key","handleFocus","onMounted","render","resolveComponent","_createVNode","default","maxlength","$slots","enterButton","singleInput","size","labelPosition","variant","label","labelColon","required","readonly","placeholder","autofocus","autocomplete","spellcheck","isValid","elementId","wrap","rows"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { defineComponent, computed, ref, onMounted, nextTick, watch, inject, resolveComponent, shallowRef } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Search, CircleX, Eye, EyeOff } from 'lucide-vue-next';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport calculateNodeHeight from '../../utils/calculateNodeHeight';\nimport { isValid } from '../../utils/isValid';\nimport { FormItemKey } from '../Form';\nimport { inputProps, inputEmits, type AutoSizeObject, type InputValueType } from './Input.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nconst getMoneyString = (val: string) => {\n return val.replace(/^-?\\d+/g, (m) => m.replace(/(?=(?!\\b)(\\d{3})+$)/g, ','));\n};\n\nexport default defineComponent({\n name: 'UInput',\n components: {\n UIcon,\n Search,\n CircleX,\n Eye,\n EyeOff\n },\n // #region props\n props: inputProps,\n emits: inputEmits,\n setup(props, { slots, emit }) {\n const { prefixCls, config: globalConfig } = useGlobalConfig('input');\n const { onFieldChange, onFieldBlur } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n // ref\n const wordCountRef = shallowRef<HTMLElement | null>(null);\n const inputRef = shallowRef<HTMLInputElement | null>(null);\n const textareaRef = shallowRef<HTMLTextAreaElement | null>(null);\n const appendRef = shallowRef<HTMLElement | null>(null);\n // #region data\n\n const showPassword = ref(false);\n\n const stateValue = ref<string | number>('');\n const slotReady = ref(false);\n const isOnComposition = ref(false);\n const textareaStyles = ref({});\n const showClearIcon = ref(false);\n // #endregion\n // #region computed\n const showPrefix = computed(() => {\n if (props.type !== 'textarea') {\n return props.prefixIcon !== undefined || slots.prefix !== undefined;\n }\n return false;\n });\n const showSuffix = computed(() => {\n if (props.type !== 'textarea' && !props.showWordLimit && !props.search && !props.passwordIcon) {\n return props.suffixIcon !== undefined || slots.suffix !== undefined;\n }\n return false;\n });\n const textLength = computed(() => {\n return typeof stateValue.value === 'number' ? String(stateValue.value).length : (stateValue.value || '').length;\n });\n const showPrepend = computed(() => {\n if (props.type !== 'textarea') return slots.prepend !== undefined;\n return false;\n });\n const showAppend = computed(() => {\n if (props.type !== 'textarea') return slots.append !== undefined;\n return false;\n });\n const nativeType = computed(() => {\n let tempType = props.type;\n if (props.type === 'password' && props.passwordIcon && showPassword.value) {\n tempType = 'text';\n }\n return tempType;\n });\n\n const computedDirection = computed(() => {\n return props.direction || globalConfig.direction || 'ltr';\n });\n\n // #region methods\n const resizeTextarea = () => {\n if (!props.autosize || props.type !== 'textarea' || !textareaRef.value) {\n return;\n }\n const { minRows, maxRows } = props.autosize as AutoSizeObject;\n textareaStyles.value = calculateNodeHeight(textareaRef.value, minRows, maxRows);\n };\n\n // #endregion\n watch(\n () => props.modelValue,\n (nv) => {\n stateValue.value = nv !== undefined || nv !== null ? nv : '';\n nextTick(() => {\n resizeTextarea();\n });\n },\n { immediate: true }\n );\n\n const wordCountWidth = ref(0);\n // const computedStyle = computed(() => {\n // // default 11 inputbasepadding\n // let paddingRight = 0;\n // // wordlimit add limit width fixed 8px\n // if (props.showWordLimit) {\n // paddingRight += wordCountWidth.value + 16;\n // } else if (showSuffix.value || props.passwordIcon || (props.search && props.enterButton === false)) {\n // paddingRight = 26;\n // }\n // // when clear icon appear with word count\n // if (showClearIcon.value && !showSuffix.value) {\n // paddingRight += 24;\n // }\n // if (paddingRight !== 0) {\n // return {\n // paddingRight: `${paddingRight}px`\n // };\n // }\n // return {};\n // });\n // const computedClearStyle = computed(() => {\n // const clearStyle: CSSProperties = {};\n // let right = 0;\n // if (props.passwordIcon || (props.search && props.enterButton === false)) {\n // right = 24;\n // } else if (props.showWordLimit) {\n // right = wordCountWidth.value + 11;\n // }\n // if (appendRef.value) {\n // right += appendRef.value.offsetWidth;\n // }\n // if (right > 0) {\n // clearStyle.right = `${right}px`;\n // }\n // return clearStyle;\n // });\n\n const handleWrapEnter = () => {\n if (props.clearable) {\n showClearIcon.value = !showClearIcon.value;\n }\n };\n const computedPaddingRight = () => {\n if (props.showWordLimit && wordCountRef.value) {\n wordCountWidth.value = wordCountRef.value.offsetWidth;\n }\n };\n\n const emitChange = (value: InputValueType) => {\n if (props.modelValue === undefined) {\n stateValue.value = value;\n }\n emit('update:modelValue', value);\n emit('change', value);\n if (onFieldChange && !props.disabledTriggerForm) {\n onFieldChange(value);\n }\n };\n\n const setStateValue = (value: InputValueType) => {\n if (value === stateValue.value) return;\n if (props.showWordLimit) {\n computedPaddingRight();\n }\n nextTick(() => {\n setTimeout(() => {\n resizeTextarea();\n });\n });\n emitChange(value);\n };\n\n const handleInput = (event: any) => {\n if (isOnComposition.value) return;\n setStateValue(event.target.value);\n };\n\n const handleBlur = (event: any) => {\n if (onFieldBlur && !props.disabledTriggerForm) {\n onFieldBlur(stateValue.value);\n }\n emit('blur', event);\n };\n\n const handleComposition = (event: any) => {\n if (event.type === 'compositionstart') {\n isOnComposition.value = true;\n }\n if (event.type === 'compositionend') {\n isOnComposition.value = false;\n handleInput(event);\n }\n };\n\n const focus = () => {\n if (props.type === 'textarea') {\n textareaRef.value?.focus();\n } else {\n inputRef.value?.focus();\n }\n };\n const select = () => {\n if (props.type === 'textarea') {\n textareaRef.value?.select();\n } else {\n inputRef.value?.select();\n }\n };\n\n const handleClear = (event: Event) => {\n setStateValue('');\n emit('clear', event);\n };\n\n const handleEnter = (event: Event) => {\n emit('enter', event);\n if (props.search) emit('search', stateValue.value);\n };\n const handleSearch = () => {\n if (props.disabled) return;\n // inputRef.value?.focus();\n emit('search', stateValue.value);\n };\n\n const handleToggleShowPassword = () => {\n if (props.disabled || !stateValue.value) return;\n const len = `${stateValue.value}`.length;\n showPassword.value = !showPassword.value;\n inputRef.value?.focus();\n setTimeout(() => {\n inputRef.value?.setSelectionRange(len, len);\n }, 0);\n };\n const handleKeydown = (event: any) => {\n emit('keydown', event);\n };\n const handleKeypress = (event: any) => {\n emit('keypress', event);\n };\n const handleKeyup = (event: any) => {\n if (event.key === 'Enter') {\n handleEnter(event);\n }\n emit('keyup', event);\n };\n const handleFocus = (event: any) => {\n emit('focus', event);\n };\n\n // #endregion\n\n onMounted(() => {\n slotReady.value = true;\n nextTick(() => {\n setTimeout(() => {\n resizeTextarea();\n });\n });\n computedPaddingRight();\n });\n\n return {\n prefixCls,\n wordCountRef,\n inputRef,\n textareaRef,\n appendRef,\n slotReady,\n stateValue,\n getMoneyString,\n textareaStyles,\n showPassword,\n computedDirection,\n // computedStyle,\n // computedClearStyle,\n nativeType,\n showPrefix,\n showSuffix,\n textLength,\n showPrepend,\n showAppend,\n showClearIcon,\n // methods\n handleEnter,\n handleWrapEnter,\n handleKeydown,\n handleKeypress,\n handleKeyup,\n handleFocus,\n handleBlur,\n handleComposition,\n handleInput,\n setStateValue,\n resizeTextarea,\n focus,\n select,\n handleClear,\n handleSearch,\n handleToggleShowPassword\n };\n },\n render() {\n const { prefixCls } = this;\n\n const prefixIcon = typeof this.prefixIcon === 'string' ? resolveComponent(this.prefixIcon) : this.prefixIcon;\n const suffixIcon = typeof this.suffixIcon === 'string' ? resolveComponent(this.suffixIcon) : this.suffixIcon;\n const suffix = () => {\n if (this.type === 'password' && this.passwordIcon) {\n return (\n <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`]} onClick={this.handleToggleShowPassword}>\n <UIcon>{this.showPassword ? <Eye /> : <EyeOff />}</UIcon>\n </span>\n );\n }\n if (this.showWordLimit) {\n return (\n <span ref=\"wordCountRef\" class={[`${prefixCls}-word-count`]}>\n {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n </span>\n );\n }\n if (this.showSuffix) {\n return (\n <span class={`${prefixCls}-suffix`}>\n {this.$slots.suffix\n ? this.$slots.suffix()\n : suffixIcon && (\n <UIcon>\n <suffixIcon />\n </UIcon>\n )}\n </span>\n );\n }\n };\n\n const prefix = () => {\n if (this.search && this.enterButton === false) {\n return (\n <span class={[`${prefixCls}-prefix`]}>\n <UIcon>\n <Search />\n </UIcon>\n </span>\n );\n }\n if (this.showPrefix) {\n return (\n <span class={`${prefixCls}-prefix`}>\n {this.$slots.prefix\n ? this.$slots.prefix()\n : prefixIcon && (\n <UIcon>\n <prefixIcon />\n </UIcon>\n )}\n </span>\n );\n }\n return null;\n };\n\n const singleInput = (\n <div\n class={[\n `${prefixCls}-wrap`,\n `${prefixCls}-wrap-${this.size}`,\n {\n [`${prefixCls}-${this.type}`]: this.type !== 'number',\n [`${prefixCls}-wrap-disabled`]: this.disabled,\n [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n }\n ]}\n onMouseenter={this.handleWrapEnter}\n onMouseleave={this.handleWrapEnter}\n >\n {this.label && (\n <label\n class={{\n [`${prefixCls}-label`]: true,\n [`${prefixCls}-label-colon`]: this.labelColon && this.labelPosition === 'left',\n [`${prefixCls}-label-required`]: this.required\n }}\n >\n {this.label}\n </label>\n )}\n {prefix()}\n\n <input\n ref=\"inputRef\"\n class={[`${this.prefixCls}`]}\n type={this.nativeType}\n size={this.inputSize}\n readonly={this.readonly}\n placeholder={this.placeholder}\n autofocus={this.autofocus}\n disabled={this.disabled}\n maxlength={this.maxlength}\n autocomplete={this.autocomplete}\n spellcheck={this.spellcheck}\n value={this.stateValue}\n onKeyup={this.handleKeyup}\n onKeypress={this.handleKeypress}\n onKeydown={this.handleKeydown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onCompositionstart={this.handleComposition}\n onCompositionupdate={this.handleComposition}\n onCompositionend={this.handleComposition}\n onInput={this.handleInput}\n onChange={this.handleInput}\n />\n {this.clearable && isValid(this.stateValue) && !this.disabled && (\n <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n <UIcon>\n <CircleX />\n </UIcon>\n </span>\n )}\n {suffix()}\n </div>\n );\n\n if (this.type === 'textarea') {\n return (\n <div\n class={[\n `${prefixCls}-wrap`,\n `${prefixCls}-wrap-${this.size}`,\n `${prefixCls}-wrap-textarea`,\n {\n [`${prefixCls}-wrap-disabled`]: this.disabled,\n [`${prefixCls}-wrap-with-clear`]: this.clearable && this.stateValue && !this.disabled,\n [`${prefixCls}-wrap-with-word-count`]: this.showWordLimit,\n [`${prefixCls}-wrap-label-${this.labelPosition}`]: true,\n [`${prefixCls}-wrap-variant-${this.variant}`]: true,\n [`${prefixCls}-wrap-rtl`]: this.computedDirection === 'rtl'\n }\n ]}\n onMouseenter={this.handleWrapEnter}\n onMouseleave={this.handleWrapEnter}\n >\n <textarea\n id={this.elementId}\n ref=\"textareaRef\"\n class={[\n `${prefixCls}`,\n {\n [`${prefixCls}-disabled`]: this.disabled\n }\n ]}\n value={this.stateValue}\n style={this.textareaStyles}\n wrap={this.wrap}\n disabled={this.disabled}\n readonly={this.readonly}\n placeholder={this.placeholder}\n autofocus={this.autofocus}\n maxlength={this.maxlength}\n autocomplete={this.autocomplete}\n spellcheck={this.spellcheck}\n rows={this.rows}\n onKeyup={this.handleKeyup}\n onKeypress={this.handleKeypress}\n onKeydown={this.handleKeydown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onCompositionstart={this.handleComposition}\n onCompositionupdate={this.handleComposition}\n onCompositionend={this.handleComposition}\n onInput={this.handleInput}\n />\n {this.clearable && isValid(this.stateValue) && !this.disabled && (\n <span class={[`${prefixCls}-icon`, `${prefixCls}-icon-button`, `${prefixCls}-icon-clear`]} onClick={this.handleClear}>\n <UIcon>\n <CircleX />\n </UIcon>\n </span>\n )}\n {this.showWordLimit && (\n <div class={[`${prefixCls}-word-count`]}>\n {this.computedDirection === 'rtl' ? `${this.maxlength}/${this.textLength}` : `${this.textLength}/${this.maxlength}`}\n </div>\n )}\n </div>\n );\n }\n\n if (this.showPrepend || this.showAppend || (this.search && this.enterButton)) {\n return (\n <div\n class={[\n `${prefixCls}-group`,\n `${prefixCls}-group-${this.size}`,\n {\n [`${prefixCls}-group-with-prepend`]: this.showPrepend,\n [`${prefixCls}-group-with-append`]: this.showAppend || (this.search && this.enterButton),\n [`${prefixCls}-with-search`]: this.search && this.enterButton,\n [`${prefixCls}-group-soft`]: this.variant === 'soft',\n [`${prefixCls}-group-rtl`]: this.computedDirection === 'rtl'\n }\n ]}\n >\n {this.showPrepend && <div class={[`${prefixCls}-group-prepend`]}>{this.$slots.prepend()}</div>}\n {singleInput}\n {this.search && !!this.enterButton ? (\n <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]} onClick={this.handleSearch}>\n {this.enterButton === true ? (\n <UIcon>\n <Search />\n </UIcon>\n ) : (\n this.enterButton\n )}\n </div>\n ) : (\n this.showAppend && (\n <div ref=\"appendRef\" class={[`${prefixCls}-group-append`]}>\n {this.$slots.append()}\n </div>\n )\n )}\n </div>\n );\n }\n\n return singleInput;\n }\n});\n"],"names":["getMoneyString","val","replace","m","defineComponent","name","components","UIcon","Search","CircleX","Eye","EyeOff","props","inputProps","emits","inputEmits","setup","slots","emit","prefixCls","config","globalConfig","useGlobalConfig","onFieldChange","onFieldBlur","inject","FormItemKey","wordCountRef","shallowRef","inputRef","textareaRef","appendRef","showPassword","ref","stateValue","slotReady","isOnComposition","textareaStyles","showClearIcon","showPrefix","computed","type","prefixIcon","undefined","prefix","showSuffix","showWordLimit","search","passwordIcon","suffixIcon","suffix","textLength","value","String","length","showPrepend","prepend","showAppend","append","nativeType","tempType","computedDirection","direction","resizeTextarea","autosize","minRows","maxRows","calculateNodeHeight","watch","modelValue","nv","nextTick","immediate","wordCountWidth","handleWrapEnter","clearable","computedPaddingRight","offsetWidth","emitChange","disabledTriggerForm","setStateValue","setTimeout","handleInput","event","target","handleBlur","handleComposition","focus","select","handleClear","handleEnter","handleSearch","disabled","handleToggleShowPassword","len","_a","setSelectionRange","handleKeydown","handleKeypress","handleKeyup","key","handleFocus","onMounted","render","resolveComponent","_createVNode","default","maxlength","$slots","enterButton","singleInput","size","labelPosition","variant","label","labelColon","required","inputSize","readonly","placeholder","autofocus","autocomplete","spellcheck","isValid","elementId","wrap","rows"],"mappings":"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"}
|
|
@@ -121,6 +121,9 @@ export declare const inputProps: {
|
|
|
121
121
|
direction: {
|
|
122
122
|
type: PropType<"ltr" | "rtl">;
|
|
123
123
|
};
|
|
124
|
+
inputSize: {
|
|
125
|
+
type: NumberConstructor;
|
|
126
|
+
};
|
|
124
127
|
};
|
|
125
128
|
export declare type InputProps = ExtractPropTypes<typeof inputProps>;
|
|
126
129
|
export declare const inputEmits: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.type.mjs","sources":["../../../../src/components/Input/Input.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport const inputType = ['text', 'textarea', 'password', 'number'] as const;\nexport type InputType = (typeof inputType)[number];\n\nexport type InputValueType = string | number;\nexport interface AutoSizeObject {\n minRows: number;\n maxRows: number;\n}\n\nexport const inputProps = {\n type: {\n type: String as PropType<InputType>,\n default: 'text',\n validator: oneOf(inputType)\n },\n variant: {\n type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n default: 'surface',\n validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n },\n modelValue: {\n type: [String, Number]\n },\n size: {\n type: String as PropType<NormalSizeMap>,\n default: 'default',\n validator: oneOf(normalSizeMap)\n },\n placeholder: {\n type: String,\n default: ''\n },\n maxlength: {\n type: Number\n },\n disabled: {\n type: Boolean,\n default: false\n },\n autosize: {\n type: [Boolean, Object] as PropType<boolean | AutoSizeObject>,\n default: false\n },\n rows: {\n type: Number,\n default: 2\n },\n readonly: {\n type: Boolean,\n default: false\n },\n autofocus: {\n type: Boolean,\n default: false\n },\n spellcheck: {\n type: Boolean,\n default: false\n },\n autocomplete: {\n type: String,\n default: 'off'\n },\n clearable: {\n type: Boolean,\n default: false\n },\n elementId: {\n type: String\n },\n wrap: {\n type: String,\n default: 'soft'\n },\n prefixIcon: {\n type: [String, Object, Function] as PropType<IconPropType>\n },\n suffixIcon: {\n type: [String, Object, Function] as PropType<IconPropType>\n },\n showWordLimit: {\n type: Boolean,\n default: false\n },\n search: {\n type: Boolean,\n default: false\n },\n enterButton: {\n type: [Boolean, String],\n default: false\n },\n\n passwordIcon: {\n type: Boolean,\n default: false\n },\n label: {\n type: String,\n default: ''\n },\n labelPosition: {\n type: String as PropType<'top' | 'left'>,\n default: 'left'\n },\n labelColon: {\n type: Boolean,\n default: true\n },\n labelStyle: {\n type: Object,\n default: () => ({})\n },\n required: {\n type: Boolean,\n default: false\n },\n disabledTriggerForm: {\n type: Boolean,\n default: false\n },\n direction: {\n type: String as PropType<'ltr' | 'rtl'>\n }\n};\n\nexport type InputProps = ExtractPropTypes<typeof inputProps>;\n\nexport const inputEmits = {\n enter: (ev: Event) => ev instanceof Event,\n search: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n change: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n 'update:modelValue': (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n clear: (ev: Event) => ev instanceof Event,\n keydown: (ev: Event) => ev instanceof Event,\n keypress: (ev: Event) => ev instanceof Event,\n keyup: (ev: Event) => ev instanceof Event,\n focus: (ev: Event) => ev instanceof Event,\n blur: (ev: Event) => ev instanceof Event\n};\n\nexport type InputEmits = typeof inputEmits;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.type.mjs","sources":["../../../../src/components/Input/Input.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport const inputType = ['text', 'textarea', 'password', 'number'] as const;\nexport type InputType = (typeof inputType)[number];\n\nexport type InputValueType = string | number;\nexport interface AutoSizeObject {\n minRows: number;\n maxRows: number;\n}\n\nexport const inputProps = {\n type: {\n type: String as PropType<InputType>,\n default: 'text',\n validator: oneOf(inputType)\n },\n variant: {\n type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n default: 'surface',\n validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n },\n modelValue: {\n type: [String, Number]\n },\n size: {\n type: String as PropType<NormalSizeMap>,\n default: 'default',\n validator: oneOf(normalSizeMap)\n },\n placeholder: {\n type: String,\n default: ''\n },\n maxlength: {\n type: Number\n },\n disabled: {\n type: Boolean,\n default: false\n },\n autosize: {\n type: [Boolean, Object] as PropType<boolean | AutoSizeObject>,\n default: false\n },\n rows: {\n type: Number,\n default: 2\n },\n readonly: {\n type: Boolean,\n default: false\n },\n autofocus: {\n type: Boolean,\n default: false\n },\n spellcheck: {\n type: Boolean,\n default: false\n },\n autocomplete: {\n type: String,\n default: 'off'\n },\n clearable: {\n type: Boolean,\n default: false\n },\n elementId: {\n type: String\n },\n wrap: {\n type: String,\n default: 'soft'\n },\n prefixIcon: {\n type: [String, Object, Function] as PropType<IconPropType>\n },\n suffixIcon: {\n type: [String, Object, Function] as PropType<IconPropType>\n },\n showWordLimit: {\n type: Boolean,\n default: false\n },\n search: {\n type: Boolean,\n default: false\n },\n enterButton: {\n type: [Boolean, String],\n default: false\n },\n\n passwordIcon: {\n type: Boolean,\n default: false\n },\n label: {\n type: String,\n default: ''\n },\n labelPosition: {\n type: String as PropType<'top' | 'left'>,\n default: 'left'\n },\n labelColon: {\n type: Boolean,\n default: true\n },\n labelStyle: {\n type: Object,\n default: () => ({})\n },\n required: {\n type: Boolean,\n default: false\n },\n disabledTriggerForm: {\n type: Boolean,\n default: false\n },\n direction: {\n type: String as PropType<'ltr' | 'rtl'>\n },\n inputSize: {\n type: Number\n }\n};\n\nexport type InputProps = ExtractPropTypes<typeof inputProps>;\n\nexport const inputEmits = {\n enter: (ev: Event) => ev instanceof Event,\n search: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n change: (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n 'update:modelValue': (v: InputValueType) => typeof v === 'string' || typeof v === 'number',\n clear: (ev: Event) => ev instanceof Event,\n keydown: (ev: Event) => ev instanceof Event,\n keypress: (ev: Event) => ev instanceof Event,\n keyup: (ev: Event) => ev instanceof Event,\n focus: (ev: Event) => ev instanceof Event,\n blur: (ev: Event) => ev instanceof Event\n};\n\nexport type InputEmits = typeof inputEmits;\n"],"names":[],"mappings":"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"}
|
|
@@ -113,6 +113,9 @@ export declare const UInput: {
|
|
|
113
113
|
direction: {
|
|
114
114
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
115
115
|
};
|
|
116
|
+
inputSize: {
|
|
117
|
+
type: NumberConstructor;
|
|
118
|
+
};
|
|
116
119
|
}>> & Readonly<{
|
|
117
120
|
onSearch?: (v: import("./Input.type").InputValueType) => any;
|
|
118
121
|
onChange?: (v: import("./Input.type").InputValueType) => any;
|
|
@@ -451,6 +454,9 @@ export declare const UInput: {
|
|
|
451
454
|
direction: {
|
|
452
455
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
453
456
|
};
|
|
457
|
+
inputSize: {
|
|
458
|
+
type: NumberConstructor;
|
|
459
|
+
};
|
|
454
460
|
}>> & Readonly<{
|
|
455
461
|
onSearch?: (v: import("./Input.type").InputValueType) => any;
|
|
456
462
|
onChange?: (v: import("./Input.type").InputValueType) => any;
|
|
@@ -639,6 +645,9 @@ export declare const UInput: {
|
|
|
639
645
|
direction: {
|
|
640
646
|
type: import("vue").PropType<"ltr" | "rtl">;
|
|
641
647
|
};
|
|
648
|
+
inputSize: {
|
|
649
|
+
type: NumberConstructor;
|
|
650
|
+
};
|
|
642
651
|
}>> & Readonly<{
|
|
643
652
|
onSearch?: (v: import("./Input.type").InputValueType) => any;
|
|
644
653
|
onChange?: (v: import("./Input.type").InputValueType) => any;
|
|
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
42
42
|
type: NumberConstructor;
|
|
43
43
|
default: number;
|
|
44
44
|
};
|
|
45
|
+
totalPage: {
|
|
46
|
+
type: NumberConstructor;
|
|
47
|
+
required: true;
|
|
48
|
+
};
|
|
45
49
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
46
50
|
'change-page-size': (v: number) => boolean;
|
|
47
51
|
'change-page': (v: number) => boolean;
|
|
@@ -88,6 +92,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
88
92
|
type: NumberConstructor;
|
|
89
93
|
default: number;
|
|
90
94
|
};
|
|
95
|
+
totalPage: {
|
|
96
|
+
type: NumberConstructor;
|
|
97
|
+
required: true;
|
|
98
|
+
};
|
|
91
99
|
}>> & Readonly<{
|
|
92
100
|
"onChange-page-size"?: (v: number) => any;
|
|
93
101
|
"onChange-page"?: (v: number) => any;
|
|
@@ -54,6 +54,10 @@ var Options = defineComponent({
|
|
|
54
54
|
dropdownWidth: {
|
|
55
55
|
type: Number,
|
|
56
56
|
default: 128
|
|
57
|
+
},
|
|
58
|
+
totalPage: {
|
|
59
|
+
type: Number,
|
|
60
|
+
required: true
|
|
57
61
|
}
|
|
58
62
|
},
|
|
59
63
|
emits: {
|
|
@@ -127,7 +131,8 @@ var Options = defineComponent({
|
|
|
127
131
|
"modelValue": stateValue.value,
|
|
128
132
|
"onUpdate:modelValue": ($event) => stateValue.value = $event,
|
|
129
133
|
"onKeyup": handleJumpTo,
|
|
130
|
-
"onBlur": handleBlur
|
|
134
|
+
"onBlur": handleBlur,
|
|
135
|
+
"inputSize": props.totalPage.toString().length
|
|
131
136
|
}, null), createVNode("span", null, [props.locale.page])]);
|
|
132
137
|
}
|
|
133
138
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.mjs","sources":["../../../../src/components/Pagination/Options.tsx"],"sourcesContent":["import { ref, watch, defineComponent } from 'vue';\nimport type { PropType, Ref } from 'vue';\nimport USelect from '@uxd-ui/components/Select';\nimport UInput from '@uxd-ui/components/Input';\nimport keyCode from '../../utils/KeyCode';\nimport Render from '../base/Render';\nimport type { SelectValueType } from '../Select/Select.type';\nimport type { NormalSizeMap } from '../../utils/globalType';\n\nexport default defineComponent({\n name: 'PaginationOption',\n components: {\n Render\n },\n props: {\n prefixCls: {\n type: String\n },\n current: {\n type: Number,\n required: true\n },\n showSizer: {\n type: Boolean,\n default: false\n },\n pageSizeOptions: {\n type: Array as PropType<number[]>,\n required: true\n },\n locale: {\n type: Object,\n required: true\n },\n disabled: {\n type: Boolean,\n default: false\n },\n pageSize: {\n type: Number\n },\n showElevator: {\n type: Boolean,\n default: false\n },\n size: {\n type: String as PropType<NormalSizeMap>,\n default: 'default'\n },\n variant: {\n type: String as PropType<'soft' | 'surface' | 'simple'>,\n default: 'surface'\n },\n dropdownWidth: {\n type: Number,\n default: 128\n }\n },\n emits: {\n 'change-page-size': (v: number) => typeof v === 'number',\n 'change-page': (v: number) => typeof v === 'number'\n },\n setup(props, { emit }) {\n const stateValue: Ref<string> = ref(props.current.toString());\n const changeSize = (value: number) => {\n stateValue.value = props.current.toString();\n emit('change-page-size', value);\n };\n watch(\n () => props.current,\n (value) => {\n stateValue.value = value.toString();\n }\n );\n\n const handleBlur = () => {\n const value = !stateValue.value || Number.isNaN(Number(stateValue.value)) ? props.current : Number(stateValue.value);\n emit('change-page', value);\n };\n const handleJumpTo = (e: any) => {\n if (stateValue.value === '') return;\n if (e.keyCode === keyCode.ENTER || e.type === 'click') {\n emit('change-page', Number(stateValue.value));\n }\n };\n\n return () => {\n const { prefixCls, showSizer, size, disabled, pageSize, locale } = props;\n\n const renderSelect = () => {\n if (showSizer) {\n const options = props.pageSizeOptions.map((opt) => {\n return {\n value: opt,\n label: `${opt}${locale.item}/${locale.page}`\n };\n });\n\n const cls = `${prefixCls}-options-size-changer`;\n return (\n <USelect\n class={cls}\n disabled={disabled}\n size={size}\n modelValue={pageSize}\n options={options}\n onChange={(value: SelectValueType) => changeSize(Number(value))}\n clearable={false}\n variant={props.variant !== 'simple' ? props.variant : undefined}\n dropdownMenuWidth={props.dropdownWidth}\n >\n {options}\n </USelect>\n );\n }\n return null;\n };\n\n const renderJumpInput = () => {\n if (props.showElevator) {\n return (\n <div class={`${props.prefixCls}-options-quick-jumper`}>\n <span>{props.locale.jumpTo}</span>\n <UInput\n disabled={props.disabled}\n size={size}\n variant={props.variant !== 'simple' ? props.variant : undefined}\n v-model={stateValue.value}\n onKeyup={handleJumpTo}\n onBlur={handleBlur}\n />\n <span>{props.locale.page}</span>\n </div>\n );\n }\n return null;\n };\n\n return (\n <li class={`${prefixCls}-options`}>\n {renderSelect()}\n {renderJumpInput()}\n </li>\n );\n };\n }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","components","Render","props","prefixCls","type","String","current","Number","required","showSizer","Boolean","default","pageSizeOptions","Array","locale","disabled","pageSize","showElevator","size","variant","dropdownWidth","emits","v","setup","emit","stateValue","ref","changeSize","value","watch","handleBlur","isNaN","handleJumpTo","e","keyCode","ENTER","renderSelect","options","map","opt","label","item","page","cls","_createVNode","USelect","undefined","renderJumpInput","jumpTo","UInput","$event"],"mappings":";;;;;;AAKoC,SAAAA,QAAAC;AAAA,gBAAAA,oBAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,4BAAAK,QAAAL,CAAA;AAAA;AAIpC,cAAeM,gBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,YAAY;AAAA,IACVC;AAAAA;AACF,EACAC,OAAO;AAAA,IACLC,WAAW;AAAA,MACTC,MAAMC;AAAAA;AACR,IACAC,SAAS;AAAA,MACPF,MAAMG;AAAAA,MACNC,UAAU;AAAA;AACZ,IACAC,WAAW;AAAA,MACTL,MAAMM;AAAAA,MACNC,SAAS;AAAA;AACX,IACAC,iBAAiB;AAAA,MACfR,MAAMS;AAAAA,MACNL,UAAU;AAAA;AACZ,IACAM,QAAQ;AAAA,MACNV,MAAMX;AAAAA,MACNe,UAAU;AAAA;AACZ,IACAO,UAAU;AAAA,MACRX,MAAMM;AAAAA,MACNC,SAAS;AAAA;AACX,IACAK,UAAU;AAAA,MACRZ,MAAMG;AAAAA;AACR,IACAU,cAAc;AAAA,MACZb,MAAMM;AAAAA,MACNC,SAAS;AAAA;AACX,IACAO,MAAM;AAAA,MACJd,MAAMC;AAAAA,MACNM,SAAS;AAAA;AACX,IACAQ,SAAS;AAAA,MACPf,MAAMC;AAAAA,MACNM,SAAS;AAAA;AACX,IACAS,eAAe;AAAA,MACbhB,MAAMG;AAAAA,MACNI,SAAS;AAAA;AACX;AACF,
|
|
1
|
+
{"version":3,"file":"Options.mjs","sources":["../../../../src/components/Pagination/Options.tsx"],"sourcesContent":["import { ref, watch, defineComponent } from 'vue';\nimport type { PropType, Ref } from 'vue';\nimport USelect from '@uxd-ui/components/Select';\nimport UInput from '@uxd-ui/components/Input';\nimport keyCode from '../../utils/KeyCode';\nimport Render from '../base/Render';\nimport type { SelectValueType } from '../Select/Select.type';\nimport type { NormalSizeMap } from '../../utils/globalType';\n\nexport default defineComponent({\n name: 'PaginationOption',\n components: {\n Render\n },\n props: {\n prefixCls: {\n type: String\n },\n current: {\n type: Number,\n required: true\n },\n showSizer: {\n type: Boolean,\n default: false\n },\n pageSizeOptions: {\n type: Array as PropType<number[]>,\n required: true\n },\n locale: {\n type: Object,\n required: true\n },\n disabled: {\n type: Boolean,\n default: false\n },\n pageSize: {\n type: Number\n },\n showElevator: {\n type: Boolean,\n default: false\n },\n size: {\n type: String as PropType<NormalSizeMap>,\n default: 'default'\n },\n variant: {\n type: String as PropType<'soft' | 'surface' | 'simple'>,\n default: 'surface'\n },\n dropdownWidth: {\n type: Number,\n default: 128\n },\n totalPage: {\n type: Number,\n required: true\n }\n },\n emits: {\n 'change-page-size': (v: number) => typeof v === 'number',\n 'change-page': (v: number) => typeof v === 'number'\n },\n setup(props, { emit }) {\n const stateValue: Ref<string> = ref(props.current.toString());\n const changeSize = (value: number) => {\n stateValue.value = props.current.toString();\n emit('change-page-size', value);\n };\n watch(\n () => props.current,\n (value) => {\n stateValue.value = value.toString();\n }\n );\n\n const handleBlur = () => {\n const value = !stateValue.value || Number.isNaN(Number(stateValue.value)) ? props.current : Number(stateValue.value);\n emit('change-page', value);\n };\n const handleJumpTo = (e: any) => {\n if (stateValue.value === '') return;\n if (e.keyCode === keyCode.ENTER || e.type === 'click') {\n emit('change-page', Number(stateValue.value));\n }\n };\n\n return () => {\n const { prefixCls, showSizer, size, disabled, pageSize, locale } = props;\n\n const renderSelect = () => {\n if (showSizer) {\n const options = props.pageSizeOptions.map((opt) => {\n return {\n value: opt,\n label: `${opt}${locale.item}/${locale.page}`\n };\n });\n\n const cls = `${prefixCls}-options-size-changer`;\n return (\n <USelect\n class={cls}\n disabled={disabled}\n size={size}\n modelValue={pageSize}\n options={options}\n onChange={(value: SelectValueType) => changeSize(Number(value))}\n clearable={false}\n variant={props.variant !== 'simple' ? props.variant : undefined}\n dropdownMenuWidth={props.dropdownWidth}\n >\n {options}\n </USelect>\n );\n }\n return null;\n };\n\n const renderJumpInput = () => {\n if (props.showElevator) {\n return (\n <div class={`${props.prefixCls}-options-quick-jumper`}>\n <span>{props.locale.jumpTo}</span>\n <UInput\n disabled={props.disabled}\n size={size}\n variant={props.variant !== 'simple' ? props.variant : undefined}\n v-model={stateValue.value}\n onKeyup={handleJumpTo}\n onBlur={handleBlur}\n inputSize={props.totalPage.toString().length}\n />\n <span>{props.locale.page}</span>\n </div>\n );\n }\n return null;\n };\n\n return (\n <li class={`${prefixCls}-options`}>\n {renderSelect()}\n {renderJumpInput()}\n </li>\n );\n };\n }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","components","Render","props","prefixCls","type","String","current","Number","required","showSizer","Boolean","default","pageSizeOptions","Array","locale","disabled","pageSize","showElevator","size","variant","dropdownWidth","totalPage","emits","v","setup","emit","stateValue","ref","changeSize","value","watch","handleBlur","isNaN","handleJumpTo","e","keyCode","ENTER","renderSelect","options","map","opt","label","item","page","cls","_createVNode","USelect","undefined","renderJumpInput","jumpTo","UInput","$event","length"],"mappings":"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"}
|
|
@@ -436,6 +436,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
436
436
|
type: NumberConstructor;
|
|
437
437
|
default: number;
|
|
438
438
|
};
|
|
439
|
+
totalPage: {
|
|
440
|
+
type: NumberConstructor;
|
|
441
|
+
required: true;
|
|
442
|
+
};
|
|
439
443
|
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
440
444
|
'change-page-size': (v: number) => boolean;
|
|
441
445
|
'change-page': (v: number) => boolean;
|
|
@@ -482,6 +486,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
482
486
|
type: NumberConstructor;
|
|
483
487
|
default: number;
|
|
484
488
|
};
|
|
489
|
+
totalPage: {
|
|
490
|
+
type: NumberConstructor;
|
|
491
|
+
required: true;
|
|
492
|
+
};
|
|
485
493
|
}>> & Readonly<{
|
|
486
494
|
"onChange-page-size"?: (v: number) => any;
|
|
487
495
|
"onChange-page"?: (v: number) => any;
|
|
@@ -222,6 +222,7 @@ var Pagination = defineComponent({
|
|
|
222
222
|
"modelValue": this.stateCurrent,
|
|
223
223
|
"disabled": this.disabled,
|
|
224
224
|
"size": this.size,
|
|
225
|
+
"inputSize": this.totalPage.toString().length,
|
|
225
226
|
"onKeyup": this.onKeyUp,
|
|
226
227
|
"onKeydown": this.onKeyDown,
|
|
227
228
|
"onBlur": this.onBlur
|
|
@@ -271,6 +272,7 @@ var Pagination = defineComponent({
|
|
|
271
272
|
"dropdownWidth": this.selectDropdownWidth,
|
|
272
273
|
"variant": this.variant,
|
|
273
274
|
"pageSizeOptions": this.pageSizeOptions,
|
|
275
|
+
"totalPage": this.totalPage,
|
|
274
276
|
"onChange-page-size": this.onChangePageSize,
|
|
275
277
|
"onChange-page": this.onChangePage
|
|
276
278
|
}, null)]);
|