vue-devui 1.0.0-rc.1 → 1.0.0-rc.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 +132 -200
- package/auto-complete/index.es.js +150 -110
- package/auto-complete/index.umd.js +5 -1
- package/auto-complete/style.css +1 -1
- package/avatar/index.es.js +77 -81
- package/avatar/index.umd.js +1 -1
- package/button/index.es.js +23 -15
- package/button/index.umd.js +1 -1
- package/button/style.css +1 -1
- package/card/index.es.js +3 -6
- package/card/index.umd.js +1 -1
- package/checkbox/index.es.js +5 -11
- package/checkbox/index.umd.js +1 -1
- package/comment/index.es.js +4 -6
- package/comment/index.umd.js +1 -1
- package/countdown/index.es.js +3 -6
- package/countdown/index.umd.js +1 -1
- package/editable-select/index.es.js +120 -167
- package/editable-select/index.umd.js +1 -1
- package/grid/index.es.js +30 -36
- package/grid/index.umd.js +1 -1
- package/image-preview/index.es.js +19 -19
- package/image-preview/index.umd.js +1 -1
- package/input/index.es.js +2 -5
- package/input/index.umd.js +1 -1
- package/layout/index.es.js +9 -22
- package/layout/index.umd.js +1 -1
- package/loading/index.es.js +40 -25
- package/loading/index.umd.js +1 -1
- package/modal/index.es.js +55 -47
- package/modal/index.umd.js +1 -1
- package/notification/index.es.js +100 -10
- package/notification/index.umd.js +1 -1
- package/notification/style.css +1 -1
- package/nuxt/components/DropdownPropsKey.js +3 -0
- package/nuxt/components/LoadingOptions.js +3 -0
- package/nuxt/components/autoCompleteProps.js +3 -0
- package/nuxt/components/avatarProps.js +3 -0
- package/nuxt/components/cardProps.js +3 -0
- package/nuxt/components/checkboxGroupInjectionKey.js +3 -0
- package/nuxt/components/checkboxGroupProps.js +3 -0
- package/nuxt/components/checkboxProps.js +3 -0
- package/nuxt/components/colProps.js +3 -0
- package/nuxt/components/colPropsBaseClass.js +3 -0
- package/nuxt/components/colPropsBaseStyle.js +3 -0
- package/nuxt/components/commentProps.js +3 -0
- package/nuxt/components/countdownProps.js +3 -0
- package/nuxt/components/editableSelectProps.js +3 -0
- package/nuxt/components/imagePreviewProps.js +3 -0
- package/nuxt/components/inputProps.js +3 -0
- package/nuxt/components/loadingProps.js +3 -0
- package/nuxt/components/modalProps.js +3 -0
- package/nuxt/components/progressProps.js +3 -0
- package/nuxt/components/rateProps.js +3 -0
- package/nuxt/components/readTipProps.js +3 -0
- package/nuxt/components/resultProps.js +3 -0
- package/nuxt/components/rowProps.js +3 -0
- package/nuxt/components/screenSizes.js +3 -0
- package/nuxt/components/skeletonProps.js +3 -0
- package/nuxt/components/sliderProps.js +3 -0
- package/nuxt/components/splitterProps.js +3 -0
- package/nuxt/components/statisticProps.js +3 -0
- package/nuxt/components/switchProps.js +3 -0
- package/nuxt/components/tagInputProps.js +3 -0
- package/nuxt/components/tagProps.js +3 -0
- package/nuxt/components/textareaProps.js +3 -0
- package/nuxt/components/timeAxisProps.js +3 -0
- package/overlay/index.es.js +5 -5
- package/overlay/index.umd.js +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +14 -13
- package/pagination/index.umd.js +1 -1
- package/popover/index.es.js +7 -7
- package/popover/index.umd.js +12 -12
- package/progress/index.es.js +34 -36
- package/progress/index.umd.js +3 -3
- package/progress/style.css +1 -1
- package/radio/index.es.js +8 -2
- package/radio/index.umd.js +1 -1
- package/radio/style.css +1 -1
- package/rate/index.es.js +4 -7
- package/rate/index.umd.js +1 -1
- package/read-tip/index.es.js +34 -34
- package/read-tip/index.umd.js +1 -1
- package/read-tip/style.css +1 -1
- package/result/index.es.js +2 -5
- package/result/index.umd.js +1 -1
- package/ripple/index.es.js +43 -42
- package/ripple/index.umd.js +1 -1
- package/search/index.es.js +11 -11
- package/search/index.umd.js +8 -8
- package/skeleton/index.es.js +9 -12
- package/skeleton/index.umd.js +1 -1
- package/slider/index.es.js +59 -62
- package/slider/index.umd.js +1 -1
- package/splitter/index.es.js +176 -136
- package/splitter/index.umd.js +13 -13
- package/statistic/index.es.js +7 -18
- package/statistic/index.umd.js +1 -1
- package/style.css +1 -1
- package/switch/index.es.js +4 -7
- package/switch/index.umd.js +1 -1
- package/switch/style.css +1 -1
- package/tag/index.es.js +13 -17
- package/tag/index.umd.js +1 -1
- package/tag/style.css +1 -1
- package/tag-input/index.es.js +3 -6
- package/tag-input/index.umd.js +1 -1
- package/textarea/index.es.js +2 -5
- package/textarea/index.umd.js +1 -1
- package/timeline/index.es.js +10 -16
- package/timeline/index.umd.js +1 -1
- package/upload/index.es.js +160 -67
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +12182 -24718
- package/vue-devui.umd.js +24 -20
- package/accordion/index.d.ts +0 -7
- package/accordion/index.es.js +0 -723
- package/accordion/index.umd.js +0 -1
- package/accordion/package.json +0 -7
- package/accordion/style.css +0 -1
- package/anchor/index.d.ts +0 -7
- package/anchor/index.es.js +0 -263
- package/anchor/index.umd.js +0 -1
- package/anchor/package.json +0 -7
- package/anchor/style.css +0 -1
- package/back-top/index.d.ts +0 -7
- package/back-top/index.es.js +0 -130
- package/back-top/index.umd.js +0 -1
- package/back-top/package.json +0 -7
- package/back-top/style.css +0 -1
- package/breadcrumb/index.d.ts +0 -7
- package/breadcrumb/index.es.js +0 -128
- package/breadcrumb/index.umd.js +0 -1
- package/breadcrumb/package.json +0 -7
- package/breadcrumb/style.css +0 -1
- package/carousel/index.d.ts +0 -7
- package/carousel/index.es.js +0 -314
- package/carousel/index.umd.js +0 -1
- package/carousel/package.json +0 -7
- package/carousel/style.css +0 -1
- package/cascader/index.d.ts +0 -7
- package/cascader/index.es.js +0 -5971
- package/cascader/index.umd.js +0 -27
- package/cascader/package.json +0 -7
- package/cascader/style.css +0 -1
- package/color-picker/index.d.ts +0 -7
- package/color-picker/index.es.js +0 -8196
- package/color-picker/index.umd.js +0 -27
- package/color-picker/package.json +0 -7
- package/color-picker/style.css +0 -1
- package/date-picker/index.d.ts +0 -7
- package/date-picker/index.es.js +0 -1154
- package/date-picker/index.umd.js +0 -1
- package/date-picker/package.json +0 -7
- package/date-picker/style.css +0 -1
- package/dragdrop/index.d.ts +0 -7
- package/dragdrop/index.es.js +0 -157
- package/dragdrop/index.umd.js +0 -1
- package/dragdrop/package.json +0 -7
- package/drawer/index.d.ts +0 -7
- package/drawer/index.es.js +0 -234
- package/drawer/index.umd.js +0 -1
- package/drawer/package.json +0 -7
- package/drawer/style.css +0 -1
- package/dropdown/index.d.ts +0 -7
- package/dropdown/index.es.js +0 -693
- package/dropdown/index.umd.js +0 -1
- package/dropdown/package.json +0 -7
- package/dropdown/style.css +0 -1
- package/form/index.d.ts +0 -7
- package/form/index.es.js +0 -7876
- package/form/index.umd.js +0 -27
- package/form/package.json +0 -7
- package/form/style.css +0 -1
- package/gantt/index.d.ts +0 -7
- package/gantt/index.es.js +0 -523
- package/gantt/index.umd.js +0 -1
- package/gantt/package.json +0 -7
- package/gantt/style.css +0 -1
- package/input-icon/index.d.ts +0 -7
- package/input-icon/index.es.js +0 -332
- package/input-icon/index.umd.js +0 -1
- package/input-icon/package.json +0 -7
- package/input-icon/style.css +0 -1
- package/input-number/index.d.ts +0 -7
- package/input-number/index.es.js +0 -229
- package/input-number/index.umd.js +0 -1
- package/input-number/package.json +0 -7
- package/input-number/style.css +0 -1
- package/list/index.d.ts +0 -7
- package/list/index.es.js +0 -39
- package/list/index.umd.js +0 -1
- package/list/package.json +0 -7
- package/list/style.css +0 -1
- package/nav-sprite/index.d.ts +0 -7
- package/nav-sprite/index.es.js +0 -68
- package/nav-sprite/index.umd.js +0 -1
- package/nav-sprite/package.json +0 -7
- package/nuxt/components/Accordion.js +0 -3
- package/nuxt/components/Anchor.js +0 -3
- package/nuxt/components/BackTop.js +0 -3
- package/nuxt/components/Breadcrumb.js +0 -3
- package/nuxt/components/Carousel.js +0 -3
- package/nuxt/components/CarouselItem.js +0 -3
- package/nuxt/components/Cascader.js +0 -3
- package/nuxt/components/ColorPicker.js +0 -3
- package/nuxt/components/Column.js +0 -3
- package/nuxt/components/DatePicker.js +0 -3
- package/nuxt/components/Drawer.js +0 -3
- package/nuxt/components/DrawerService.js +0 -3
- package/nuxt/components/Dropdown.js +0 -3
- package/nuxt/components/DropdownMenu.js +0 -3
- package/nuxt/components/Form.js +0 -3
- package/nuxt/components/FormControl.js +0 -3
- package/nuxt/components/FormItem.js +0 -3
- package/nuxt/components/FormLabel.js +0 -3
- package/nuxt/components/FormOperation.js +0 -3
- package/nuxt/components/Gantt.js +0 -3
- package/nuxt/components/InputIcon.js +0 -3
- package/nuxt/components/InputNumber.js +0 -3
- package/nuxt/components/List.js +0 -3
- package/nuxt/components/ListItem.js +0 -3
- package/nuxt/components/NavSprite.js +0 -2
- package/nuxt/components/QuadrantDiagram.js +0 -3
- package/nuxt/components/Select.js +0 -3
- package/nuxt/components/StepsGuide.js +0 -3
- package/nuxt/components/StickSlider.js +0 -3
- package/nuxt/components/Sticky.js +0 -2
- package/nuxt/components/Table.js +0 -3
- package/nuxt/components/Tabs.js +0 -3
- package/nuxt/components/TimePicker.js +0 -3
- package/nuxt/components/Tooltip.js +0 -3
- package/nuxt/components/Transfer.js +0 -3
- package/nuxt/components/Tree.js +0 -3
- package/nuxt/components/TreeSelect.js +0 -3
- package/nuxt/components/dropdownMenuProps.js +0 -3
- package/nuxt/components/tooltipProps.js +0 -3
- package/quadrant-diagram/index.d.ts +0 -7
- package/quadrant-diagram/index.es.js +0 -5728
- package/quadrant-diagram/index.umd.js +0 -27
- package/quadrant-diagram/package.json +0 -7
- package/quadrant-diagram/style.css +0 -1
- package/select/index.d.ts +0 -7
- package/select/index.es.js +0 -706
- package/select/index.umd.js +0 -1
- package/select/package.json +0 -7
- package/select/style.css +0 -1
- package/steps-guide/index.d.ts +0 -7
- package/steps-guide/index.es.js +0 -242
- package/steps-guide/index.umd.js +0 -1
- package/steps-guide/package.json +0 -7
- package/steps-guide/style.css +0 -1
- package/sticky/index.d.ts +0 -7
- package/sticky/index.es.js +0 -197
- package/sticky/index.umd.js +0 -1
- package/sticky/package.json +0 -7
- package/table/index.d.ts +0 -7
- package/table/index.es.js +0 -2024
- package/table/index.umd.js +0 -1
- package/table/package.json +0 -7
- package/table/style.css +0 -1
- package/tabs/index.d.ts +0 -7
- package/tabs/index.es.js +0 -194
- package/tabs/index.umd.js +0 -1
- package/tabs/package.json +0 -7
- package/tabs/style.css +0 -1
- package/time-picker/index.d.ts +0 -7
- package/time-picker/index.es.js +0 -1238
- package/time-picker/index.umd.js +0 -1
- package/time-picker/package.json +0 -7
- package/time-picker/style.css +0 -1
- package/tooltip/index.d.ts +0 -7
- package/tooltip/index.es.js +0 -5835
- package/tooltip/index.umd.js +0 -27
- package/tooltip/package.json +0 -7
- package/tooltip/style.css +0 -1
- package/transfer/index.d.ts +0 -7
- package/transfer/index.es.js +0 -7615
- package/transfer/index.umd.js +0 -27
- package/transfer/package.json +0 -7
- package/transfer/style.css +0 -1
- package/tree/index.d.ts +0 -7
- package/tree/index.es.js +0 -6495
- package/tree/index.umd.js +0 -27
- package/tree/package.json +0 -7
- package/tree/style.css +0 -1
- package/tree-select/index.d.ts +0 -7
- package/tree-select/index.es.js +0 -627
- package/tree-select/index.umd.js +0 -1
- package/tree-select/package.json +0 -7
- package/tree-select/style.css +0 -1
package/input-icon/index.es.js
DELETED
|
@@ -1,332 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __objRest = (source, exclude) => {
|
|
21
|
-
var target = {};
|
|
22
|
-
for (var prop in source)
|
|
23
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
-
target[prop] = source[prop];
|
|
25
|
-
if (source != null && __getOwnPropSymbols)
|
|
26
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
-
target[prop] = source[prop];
|
|
29
|
-
}
|
|
30
|
-
return target;
|
|
31
|
-
};
|
|
32
|
-
import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, toRefs, reactive } from "vue";
|
|
33
|
-
const inputProps = {
|
|
34
|
-
placeholder: {
|
|
35
|
-
type: String,
|
|
36
|
-
default: void 0
|
|
37
|
-
},
|
|
38
|
-
disabled: {
|
|
39
|
-
type: Boolean,
|
|
40
|
-
default: false
|
|
41
|
-
},
|
|
42
|
-
autoFocus: {
|
|
43
|
-
type: Boolean,
|
|
44
|
-
default: false
|
|
45
|
-
},
|
|
46
|
-
maxLength: {
|
|
47
|
-
type: Number,
|
|
48
|
-
default: Number.MAX_SAFE_INTEGER
|
|
49
|
-
},
|
|
50
|
-
cssClass: {
|
|
51
|
-
type: String,
|
|
52
|
-
default: ""
|
|
53
|
-
},
|
|
54
|
-
error: {
|
|
55
|
-
type: Boolean,
|
|
56
|
-
default: false
|
|
57
|
-
},
|
|
58
|
-
size: {
|
|
59
|
-
type: String,
|
|
60
|
-
default: ""
|
|
61
|
-
},
|
|
62
|
-
showPassword: {
|
|
63
|
-
type: Boolean,
|
|
64
|
-
default: false
|
|
65
|
-
},
|
|
66
|
-
modelValue: {
|
|
67
|
-
type: String,
|
|
68
|
-
default: ""
|
|
69
|
-
},
|
|
70
|
-
"update:modelValue": {
|
|
71
|
-
type: Function,
|
|
72
|
-
default: void 0
|
|
73
|
-
},
|
|
74
|
-
onChange: {
|
|
75
|
-
type: Function,
|
|
76
|
-
default: void 0
|
|
77
|
-
},
|
|
78
|
-
onKeydown: {
|
|
79
|
-
type: Function,
|
|
80
|
-
default: void 0
|
|
81
|
-
},
|
|
82
|
-
onFocus: {
|
|
83
|
-
type: Function,
|
|
84
|
-
default: void 0
|
|
85
|
-
},
|
|
86
|
-
onBlur: {
|
|
87
|
-
type: Function,
|
|
88
|
-
default: void 0
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
var input = "";
|
|
92
|
-
const formItemInjectionKey = Symbol("dFormItem");
|
|
93
|
-
const dFormItemEvents = {
|
|
94
|
-
blur: "d.form.blur",
|
|
95
|
-
change: "d.form.change",
|
|
96
|
-
input: "d.form.input"
|
|
97
|
-
};
|
|
98
|
-
var Input = defineComponent({
|
|
99
|
-
name: "DInput",
|
|
100
|
-
directives: {
|
|
101
|
-
focus: {
|
|
102
|
-
mounted: function(el, binding) {
|
|
103
|
-
if (binding.value) {
|
|
104
|
-
el.focus();
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
},
|
|
109
|
-
props: inputProps,
|
|
110
|
-
emits: ["update:modelValue", "focus", "blur", "change", "keydown"],
|
|
111
|
-
setup(props, ctx) {
|
|
112
|
-
const formItem = inject(formItemInjectionKey, {});
|
|
113
|
-
const hasFormItem = Object.keys(formItem).length > 0;
|
|
114
|
-
const sizeCls = computed(() => `devui-input-${props.size}`);
|
|
115
|
-
const showPwdIcon = ref(false);
|
|
116
|
-
const inputType = ref("text");
|
|
117
|
-
const inputCls = computed(() => {
|
|
118
|
-
return {
|
|
119
|
-
error: props.error,
|
|
120
|
-
[props.cssClass]: true,
|
|
121
|
-
"devui-input-restore": showPwdIcon.value,
|
|
122
|
-
[sizeCls.value]: props.size !== ""
|
|
123
|
-
};
|
|
124
|
-
});
|
|
125
|
-
const showPreviewIcon = computed(() => inputType.value === "password");
|
|
126
|
-
watch(() => props.showPassword, (flg) => {
|
|
127
|
-
inputType.value = flg ? "password" : "text";
|
|
128
|
-
showPwdIcon.value = props.showPassword;
|
|
129
|
-
}, {
|
|
130
|
-
immediate: true
|
|
131
|
-
});
|
|
132
|
-
const onInput = ($event) => {
|
|
133
|
-
ctx.emit("update:modelValue", $event.target.value);
|
|
134
|
-
hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
|
|
135
|
-
}, onFocus = () => {
|
|
136
|
-
ctx.emit("focus");
|
|
137
|
-
}, onBlur = () => {
|
|
138
|
-
ctx.emit("blur");
|
|
139
|
-
hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.blur);
|
|
140
|
-
}, onChange = ($event) => {
|
|
141
|
-
ctx.emit("change", $event.target.value);
|
|
142
|
-
hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.change);
|
|
143
|
-
}, onKeydown = ($event) => {
|
|
144
|
-
ctx.emit("keydown", $event);
|
|
145
|
-
}, onChangeInputType = () => {
|
|
146
|
-
inputType.value = inputType.value === "password" ? "text" : "password";
|
|
147
|
-
};
|
|
148
|
-
return {
|
|
149
|
-
inputCls,
|
|
150
|
-
inputType,
|
|
151
|
-
showPreviewIcon,
|
|
152
|
-
showPwdIcon,
|
|
153
|
-
onInput,
|
|
154
|
-
onFocus,
|
|
155
|
-
onBlur,
|
|
156
|
-
onChange,
|
|
157
|
-
onKeydown,
|
|
158
|
-
onChangeInputType
|
|
159
|
-
};
|
|
160
|
-
},
|
|
161
|
-
render() {
|
|
162
|
-
const {
|
|
163
|
-
modelValue,
|
|
164
|
-
showPreviewIcon,
|
|
165
|
-
showPwdIcon,
|
|
166
|
-
inputCls,
|
|
167
|
-
inputType,
|
|
168
|
-
maxLength,
|
|
169
|
-
autoFocus,
|
|
170
|
-
placeholder,
|
|
171
|
-
disabled,
|
|
172
|
-
onInput,
|
|
173
|
-
onFocus,
|
|
174
|
-
onBlur,
|
|
175
|
-
onChange,
|
|
176
|
-
onKeydown,
|
|
177
|
-
onChangeInputType
|
|
178
|
-
} = this;
|
|
179
|
-
return createVNode("div", {
|
|
180
|
-
"class": "devui-input__wrap"
|
|
181
|
-
}, [withDirectives(createVNode("input", mergeProps({
|
|
182
|
-
dinput: true
|
|
183
|
-
}, {
|
|
184
|
-
"value": modelValue,
|
|
185
|
-
"disabled": disabled,
|
|
186
|
-
"type": inputType,
|
|
187
|
-
"maxlength": maxLength,
|
|
188
|
-
"placeholder": placeholder,
|
|
189
|
-
"class": inputCls,
|
|
190
|
-
"onInput": onInput,
|
|
191
|
-
"onFocus": onFocus,
|
|
192
|
-
"onBlur": onBlur,
|
|
193
|
-
"onChange": onChange,
|
|
194
|
-
"onKeydown": onKeydown
|
|
195
|
-
}), null), [[resolveDirective("focus"), autoFocus]]), showPwdIcon && createVNode("div", {
|
|
196
|
-
"class": "devui-input__preview",
|
|
197
|
-
"onClick": onChangeInputType
|
|
198
|
-
}, [showPreviewIcon ? createVNode(resolveComponent("d-icon"), {
|
|
199
|
-
"name": "preview-forbidden",
|
|
200
|
-
"size": "12px",
|
|
201
|
-
"key": 1
|
|
202
|
-
}, null) : createVNode(resolveComponent("d-icon"), {
|
|
203
|
-
"name": "preview",
|
|
204
|
-
"size": "12px",
|
|
205
|
-
"key": 2
|
|
206
|
-
}, null)])]);
|
|
207
|
-
}
|
|
208
|
-
});
|
|
209
|
-
const iconProps = {
|
|
210
|
-
name: {
|
|
211
|
-
type: String,
|
|
212
|
-
default: "",
|
|
213
|
-
required: true
|
|
214
|
-
},
|
|
215
|
-
size: {
|
|
216
|
-
type: String,
|
|
217
|
-
default: "inherit"
|
|
218
|
-
},
|
|
219
|
-
color: {
|
|
220
|
-
type: String,
|
|
221
|
-
default: "inherit"
|
|
222
|
-
},
|
|
223
|
-
classPrefix: {
|
|
224
|
-
type: String,
|
|
225
|
-
default: "icon"
|
|
226
|
-
}
|
|
227
|
-
};
|
|
228
|
-
var Icon = defineComponent({
|
|
229
|
-
name: "DIcon",
|
|
230
|
-
props: iconProps,
|
|
231
|
-
setup(props) {
|
|
232
|
-
const {
|
|
233
|
-
name,
|
|
234
|
-
size,
|
|
235
|
-
color,
|
|
236
|
-
classPrefix
|
|
237
|
-
} = toRefs(props);
|
|
238
|
-
return () => {
|
|
239
|
-
return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
|
|
240
|
-
"src": name.value,
|
|
241
|
-
"alt": name.value.split("/")[name.value.split("/").length - 1],
|
|
242
|
-
"style": {
|
|
243
|
-
width: size.value,
|
|
244
|
-
verticalAlign: "text-bottom"
|
|
245
|
-
}
|
|
246
|
-
}, null) : createVNode("i", {
|
|
247
|
-
"class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
|
|
248
|
-
"style": {
|
|
249
|
-
fontSize: size.value,
|
|
250
|
-
color: color.value
|
|
251
|
-
}
|
|
252
|
-
}, null);
|
|
253
|
-
};
|
|
254
|
-
}
|
|
255
|
-
});
|
|
256
|
-
var inputIcon = "";
|
|
257
|
-
const inputIconProps = __spreadProps(__spreadValues({}, inputProps), {
|
|
258
|
-
name: {
|
|
259
|
-
type: String,
|
|
260
|
-
value: "calendar",
|
|
261
|
-
required: false
|
|
262
|
-
},
|
|
263
|
-
onIconclick: {
|
|
264
|
-
type: Function,
|
|
265
|
-
required: false
|
|
266
|
-
},
|
|
267
|
-
iconBgColor: {
|
|
268
|
-
type: String,
|
|
269
|
-
value: "transparent"
|
|
270
|
-
},
|
|
271
|
-
iconColor: {
|
|
272
|
-
type: String,
|
|
273
|
-
value: "#000000"
|
|
274
|
-
}
|
|
275
|
-
});
|
|
276
|
-
var InputIcon = defineComponent({
|
|
277
|
-
name: "DInputIcon",
|
|
278
|
-
props: inputIconProps,
|
|
279
|
-
setup(props, ctx) {
|
|
280
|
-
const _a = props, {
|
|
281
|
-
name,
|
|
282
|
-
onIconclick,
|
|
283
|
-
onChange,
|
|
284
|
-
iconBgColor,
|
|
285
|
-
iconColor
|
|
286
|
-
} = _a, inputProps2 = __objRest(_a, [
|
|
287
|
-
"name",
|
|
288
|
-
"onIconclick",
|
|
289
|
-
"onChange",
|
|
290
|
-
"iconBgColor",
|
|
291
|
-
"iconColor"
|
|
292
|
-
]);
|
|
293
|
-
const state = reactive({
|
|
294
|
-
value: ""
|
|
295
|
-
});
|
|
296
|
-
const onInputChange = (v) => {
|
|
297
|
-
state.value = v;
|
|
298
|
-
typeof onChange === "function" && onChange(state.value);
|
|
299
|
-
};
|
|
300
|
-
const onIconClick = (e) => {
|
|
301
|
-
typeof onIconclick === "function" && onIconclick(state.value, e);
|
|
302
|
-
};
|
|
303
|
-
return () => {
|
|
304
|
-
return createVNode("div", {
|
|
305
|
-
"class": "d-input-icon-container"
|
|
306
|
-
}, [createVNode("label", null, [createVNode(Input, mergeProps(inputProps2, {
|
|
307
|
-
"onChange": onInputChange
|
|
308
|
-
}), null)]), createVNode("span", {
|
|
309
|
-
"onClick": onIconClick,
|
|
310
|
-
"style": {
|
|
311
|
-
backgroundColor: iconBgColor
|
|
312
|
-
}
|
|
313
|
-
}, [createVNode(Icon, {
|
|
314
|
-
"size": "small",
|
|
315
|
-
"name": name,
|
|
316
|
-
"color": iconColor
|
|
317
|
-
}, null)])]);
|
|
318
|
-
};
|
|
319
|
-
}
|
|
320
|
-
});
|
|
321
|
-
InputIcon.install = function(app) {
|
|
322
|
-
app.component(InputIcon.name, InputIcon);
|
|
323
|
-
};
|
|
324
|
-
var index = {
|
|
325
|
-
title: "InputIcon\u8F93\u5165\u6846",
|
|
326
|
-
category: "\u6570\u636E\u5F55\u5165",
|
|
327
|
-
status: "75%",
|
|
328
|
-
install(app) {
|
|
329
|
-
app.use(InputIcon);
|
|
330
|
-
}
|
|
331
|
-
};
|
|
332
|
-
export { InputIcon, index as default };
|
package/input-icon/index.umd.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var M=Object.defineProperty,j=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var b=(n,e,o)=>e in n?M(n,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[e]=o,S=(n,e)=>{for(var o in e||(e={}))V.call(e,o)&&b(n,o,e[o]);if(w)for(var o of w(e))P.call(e,o)&&b(n,o,e[o]);return n},N=(n,e)=>j(n,D(e));var k=(n,e)=>{var o={};for(var l in n)V.call(n,l)&&e.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&w)for(var l of w(n))e.indexOf(l)<0&&P.call(n,l)&&(o[l]=n[l]);return o};(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const o={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var l="";const B=Symbol("dFormItem"),v={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var x=e.defineComponent({name:"DInput",directives:{focus:{mounted:function(t,a){a.value&&t.focus()}}},props:o,emits:["update:modelValue","focus","blur","change","keydown"],setup(t,a){const u=e.inject(B,{}),i=Object.keys(u).length>0,r=e.computed(()=>`devui-input-${t.size}`),c=e.ref(!1),s=e.ref("text"),y=e.computed(()=>({error:t.error,[t.cssClass]:!0,"devui-input-restore":c.value,[r.value]:t.size!==""})),d=e.computed(()=>s.value==="password");return e.watch(()=>t.showPassword,p=>{s.value=p?"password":"text",c.value=t.showPassword},{immediate:!0}),{inputCls:y,inputType:s,showPreviewIcon:d,showPwdIcon:c,onInput:p=>{a.emit("update:modelValue",p.target.value),i&&u.formItemMitt.emit(v.input)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur"),i&&u.formItemMitt.emit(v.blur)},onChange:p=>{a.emit("change",p.target.value),i&&u.formItemMitt.emit(v.change)},onKeydown:p=>{a.emit("keydown",p)},onChangeInputType:()=>{s.value=s.value==="password"?"text":"password"}}},render(){const{modelValue:t,showPreviewIcon:a,showPwdIcon:u,inputCls:i,inputType:r,maxLength:c,autoFocus:s,placeholder:y,disabled:d,onInput:h,onFocus:I,onBlur:g,onChange:f,onKeydown:C,onChangeInputType:F}=this;return e.createVNode("div",{class:"devui-input__wrap"},[e.withDirectives(e.createVNode("input",e.mergeProps({dinput:!0},{value:t,disabled:d,type:r,maxlength:c,placeholder:y,class:i,onInput:h,onFocus:I,onBlur:g,onChange:f,onKeydown:C}),null),[[e.resolveDirective("focus"),s]]),u&&e.createVNode("div",{class:"devui-input__preview",onClick:F},[a?e.createVNode(e.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):e.createVNode(e.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}});const z={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var T=e.defineComponent({name:"DIcon",props:z,setup(t){const{name:a,size:u,color:i,classPrefix:r}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(a.value)?e.createVNode("img",{src:a.value,alt:a.value.split("/")[a.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${r.value} ${r.value}-${a.value}`,style:{fontSize:u.value,color:i.value}},null)}}),E="";const _=N(S({},o),{name:{type:String,value:"calendar",required:!1},onIconclick:{type:Function,required:!1},iconBgColor:{type:String,value:"transparent"},iconColor:{type:String,value:"#000000"}});var m=e.defineComponent({name:"DInputIcon",props:_,setup(t,a){const g=t,{name:u,onIconclick:i,onChange:r,iconBgColor:c,iconColor:s}=g,y=k(g,["name","onIconclick","onChange","iconBgColor","iconColor"]),d=e.reactive({value:""}),h=f=>{d.value=f,typeof r=="function"&&r(d.value)},I=f=>{typeof i=="function"&&i(d.value,f)};return()=>e.createVNode("div",{class:"d-input-icon-container"},[e.createVNode("label",null,[e.createVNode(x,e.mergeProps(y,{onChange:h}),null)]),e.createVNode("span",{onClick:I,style:{backgroundColor:c}},[e.createVNode(T,{size:"small",name:u,color:s},null)])])}});m.install=function(t){t.component(m.name,m)};var K={title:"InputIcon\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"75%",install(t){t.use(m)}};n.InputIcon=m,n.default=K,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
|
package/input-icon/package.json
DELETED
package/input-icon/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@charset "UTF-8";.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown,.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);display:block;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.devui-input__wrap{position:relative;display:flex;justify-content:"space-between";align-items:center}.devui-input__wrap .devui-input-restore{padding-right:32px}.devui-input__preview{position:absolute;width:32px;height:16px;right:0;text-align:center;line-height:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.d-input-icon-container{display:flex;flex-direction:row;align-items:center;position:relative}.d-input-icon-container label{flex:1;background-color:#ccc}.d-input-icon-container label input{padding-right:29px}.d-input-icon-container span{position:absolute;top:1px;bottom:1px;right:1px;width:26px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
|
package/input-number/index.d.ts
DELETED
package/input-number/index.es.js
DELETED
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
import { defineComponent, toRefs, createVNode, ref, computed } from "vue";
|
|
2
|
-
const inputNumberProps = {
|
|
3
|
-
placeholder: {
|
|
4
|
-
type: String,
|
|
5
|
-
default: void 0
|
|
6
|
-
},
|
|
7
|
-
disabled: {
|
|
8
|
-
type: Boolean,
|
|
9
|
-
default: false
|
|
10
|
-
},
|
|
11
|
-
step: {
|
|
12
|
-
type: Number,
|
|
13
|
-
default: 0
|
|
14
|
-
},
|
|
15
|
-
max: {
|
|
16
|
-
type: Number,
|
|
17
|
-
default: Infinity
|
|
18
|
-
},
|
|
19
|
-
min: {
|
|
20
|
-
type: Number,
|
|
21
|
-
default: -Infinity
|
|
22
|
-
},
|
|
23
|
-
size: {
|
|
24
|
-
type: String,
|
|
25
|
-
default: ""
|
|
26
|
-
},
|
|
27
|
-
modelValue: {
|
|
28
|
-
type: Number,
|
|
29
|
-
default: 0
|
|
30
|
-
},
|
|
31
|
-
"onUpdate:modelValue": {
|
|
32
|
-
type: Function,
|
|
33
|
-
default: void 0
|
|
34
|
-
},
|
|
35
|
-
"onChange": {
|
|
36
|
-
type: Function,
|
|
37
|
-
default: void 0
|
|
38
|
-
},
|
|
39
|
-
"onKeydown": {
|
|
40
|
-
type: Function,
|
|
41
|
-
default: void 0
|
|
42
|
-
},
|
|
43
|
-
"onFocus": {
|
|
44
|
-
type: Function,
|
|
45
|
-
default: void 0
|
|
46
|
-
},
|
|
47
|
-
"onBlur": {
|
|
48
|
-
type: Function,
|
|
49
|
-
default: void 0
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
var inputNumber = "";
|
|
53
|
-
const iconProps = {
|
|
54
|
-
name: {
|
|
55
|
-
type: String,
|
|
56
|
-
default: "",
|
|
57
|
-
required: true
|
|
58
|
-
},
|
|
59
|
-
size: {
|
|
60
|
-
type: String,
|
|
61
|
-
default: "inherit"
|
|
62
|
-
},
|
|
63
|
-
color: {
|
|
64
|
-
type: String,
|
|
65
|
-
default: "inherit"
|
|
66
|
-
},
|
|
67
|
-
classPrefix: {
|
|
68
|
-
type: String,
|
|
69
|
-
default: "icon"
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
var Icon = defineComponent({
|
|
73
|
-
name: "DIcon",
|
|
74
|
-
props: iconProps,
|
|
75
|
-
setup(props) {
|
|
76
|
-
const {
|
|
77
|
-
name,
|
|
78
|
-
size,
|
|
79
|
-
color,
|
|
80
|
-
classPrefix
|
|
81
|
-
} = toRefs(props);
|
|
82
|
-
return () => {
|
|
83
|
-
return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
|
|
84
|
-
"src": name.value,
|
|
85
|
-
"alt": name.value.split("/")[name.value.split("/").length - 1],
|
|
86
|
-
"style": {
|
|
87
|
-
width: size.value,
|
|
88
|
-
verticalAlign: "text-bottom"
|
|
89
|
-
}
|
|
90
|
-
}, null) : createVNode("i", {
|
|
91
|
-
"class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
|
|
92
|
-
"style": {
|
|
93
|
-
fontSize: size.value,
|
|
94
|
-
color: color.value
|
|
95
|
-
}
|
|
96
|
-
}, null);
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
var InputNumber = defineComponent({
|
|
101
|
-
name: "DInputNumber",
|
|
102
|
-
props: inputNumberProps,
|
|
103
|
-
emits: ["update:modelValue", "change", "input", "focus", "blur", "keydown"],
|
|
104
|
-
setup(props, ctx) {
|
|
105
|
-
const inputVal = ref(props.modelValue);
|
|
106
|
-
const focusVal = ref("");
|
|
107
|
-
const isSize = computed(() => {
|
|
108
|
-
return `devui-input-number-${props.size}`;
|
|
109
|
-
});
|
|
110
|
-
const isDisabled = computed(() => {
|
|
111
|
-
return props.disabled;
|
|
112
|
-
});
|
|
113
|
-
const add = () => {
|
|
114
|
-
if (props.disabled) {
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
if (inputVal.value >= props.max) {
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
inputVal.value += props.step != 0 ? props.step : 1;
|
|
121
|
-
focusVal.value = "active";
|
|
122
|
-
ctx.emit("change", inputVal.value);
|
|
123
|
-
ctx.emit("update:modelValue", inputVal.value);
|
|
124
|
-
};
|
|
125
|
-
const subtract = () => {
|
|
126
|
-
if (props.disabled) {
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
if (inputVal.value <= props.min) {
|
|
130
|
-
return;
|
|
131
|
-
}
|
|
132
|
-
inputVal.value -= props.step != 0 ? props.step : 1;
|
|
133
|
-
focusVal.value = "active";
|
|
134
|
-
ctx.emit("change", inputVal.value);
|
|
135
|
-
ctx.emit("update:modelValue", inputVal.value);
|
|
136
|
-
};
|
|
137
|
-
const onInput = (val) => {
|
|
138
|
-
inputVal.value = parseInt(val.data);
|
|
139
|
-
ctx.emit("input", val.data);
|
|
140
|
-
ctx.emit("update:modelValue", val.data);
|
|
141
|
-
};
|
|
142
|
-
const onFocus = ($event) => {
|
|
143
|
-
focusVal.value = "active";
|
|
144
|
-
ctx.emit("focus", $event);
|
|
145
|
-
};
|
|
146
|
-
const onBlur = ($event) => {
|
|
147
|
-
focusVal.value = "";
|
|
148
|
-
ctx.emit("blur", $event);
|
|
149
|
-
};
|
|
150
|
-
const onChange = ($event) => {
|
|
151
|
-
ctx.emit("change", $event.target.value);
|
|
152
|
-
};
|
|
153
|
-
const onKeydown = ($event) => {
|
|
154
|
-
ctx.emit("keydown", $event);
|
|
155
|
-
};
|
|
156
|
-
return {
|
|
157
|
-
inputVal,
|
|
158
|
-
focusVal,
|
|
159
|
-
isDisabled,
|
|
160
|
-
isSize,
|
|
161
|
-
add,
|
|
162
|
-
subtract,
|
|
163
|
-
onInput,
|
|
164
|
-
onChange,
|
|
165
|
-
onKeydown,
|
|
166
|
-
onBlur,
|
|
167
|
-
onFocus
|
|
168
|
-
};
|
|
169
|
-
},
|
|
170
|
-
render() {
|
|
171
|
-
const {
|
|
172
|
-
focusVal,
|
|
173
|
-
placeholder,
|
|
174
|
-
add,
|
|
175
|
-
inputVal,
|
|
176
|
-
isDisabled,
|
|
177
|
-
isSize,
|
|
178
|
-
subtract,
|
|
179
|
-
onInput,
|
|
180
|
-
onChange,
|
|
181
|
-
onKeydown,
|
|
182
|
-
onBlur,
|
|
183
|
-
onFocus
|
|
184
|
-
} = this;
|
|
185
|
-
const dInputNum = ["devui-input-number", isDisabled ? "devui-input-disabled" : "", isSize];
|
|
186
|
-
return createVNode("div", {
|
|
187
|
-
"class": dInputNum
|
|
188
|
-
}, [createVNode("div", {
|
|
189
|
-
"onBlur": onBlur,
|
|
190
|
-
"tabindex": "1",
|
|
191
|
-
"class": ["devui-control-buttons", focusVal.value]
|
|
192
|
-
}, [createVNode("span", {
|
|
193
|
-
"onClick": add
|
|
194
|
-
}, [createVNode(Icon, {
|
|
195
|
-
"size": "12px",
|
|
196
|
-
"name": "chevron-up"
|
|
197
|
-
}, null)]), createVNode("span", {
|
|
198
|
-
"onClick": subtract
|
|
199
|
-
}, [createVNode(Icon, {
|
|
200
|
-
"size": "12px",
|
|
201
|
-
"name": "chevron-down"
|
|
202
|
-
}, null)])]), createVNode("div", {
|
|
203
|
-
"class": "devui-input-item"
|
|
204
|
-
}, [createVNode("input", {
|
|
205
|
-
"type": "number",
|
|
206
|
-
"value": inputVal,
|
|
207
|
-
"placeholder": placeholder,
|
|
208
|
-
"disabled": isDisabled,
|
|
209
|
-
"class": ["devui-input-style devui-input-box", focusVal.value],
|
|
210
|
-
"onInput": onInput,
|
|
211
|
-
"onChange": onChange,
|
|
212
|
-
"onFocus": onFocus,
|
|
213
|
-
"onBlur": onBlur,
|
|
214
|
-
"onKeydown": onKeydown
|
|
215
|
-
}, null)])]);
|
|
216
|
-
}
|
|
217
|
-
});
|
|
218
|
-
InputNumber.install = function(app) {
|
|
219
|
-
app.component(InputNumber.name, InputNumber);
|
|
220
|
-
};
|
|
221
|
-
var index = {
|
|
222
|
-
title: "InputNumber \u6570\u5B57\u8F93\u5165\u6846",
|
|
223
|
-
category: "\u6570\u636E\u5F55\u5165",
|
|
224
|
-
status: "50%",
|
|
225
|
-
install(app) {
|
|
226
|
-
app.use(InputNumber);
|
|
227
|
-
}
|
|
228
|
-
};
|
|
229
|
-
export { InputNumber, index as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const h={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var N="";const V={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var c=e.defineComponent({name:"DIcon",props:V,setup(t){const{name:n,size:u,color:o,classPrefix:l}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(n.value)?e.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${l.value} ${l.value}-${n.value}`,style:{fontSize:u.value,color:o.value}},null)}}),d=e.defineComponent({name:"DInputNumber",props:h,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(t,n){const u=e.ref(t.modelValue),o=e.ref(""),l=e.computed(()=>`devui-input-number-${t.size}`),s=e.computed(()=>t.disabled);return{inputVal:u,focusVal:o,isDisabled:s,isSize:l,add:()=>{t.disabled||u.value>=t.max||(u.value+=t.step!=0?t.step:1,o.value="active",n.emit("change",u.value),n.emit("update:modelValue",u.value))},subtract:()=>{t.disabled||u.value<=t.min||(u.value-=t.step!=0?t.step:1,o.value="active",n.emit("change",u.value),n.emit("update:modelValue",u.value))},onInput:a=>{u.value=parseInt(a.data),n.emit("input",a.data),n.emit("update:modelValue",a.data)},onChange:a=>{n.emit("change",a.target.value)},onKeydown:a=>{n.emit("keydown",a)},onBlur:a=>{o.value="",n.emit("blur",a)},onFocus:a=>{o.value="active",n.emit("focus",a)}}},render(){const{focusVal:t,placeholder:n,add:u,inputVal:o,isDisabled:l,isSize:s,subtract:p,onInput:m,onChange:f,onKeydown:v,onBlur:r,onFocus:y}=this,b=["devui-input-number",l?"devui-input-disabled":"",s];return e.createVNode("div",{class:b},[e.createVNode("div",{onBlur:r,tabindex:"1",class:["devui-control-buttons",t.value]},[e.createVNode("span",{onClick:u},[e.createVNode(c,{size:"12px",name:"chevron-up"},null)]),e.createVNode("span",{onClick:p},[e.createVNode(c,{size:"12px",name:"chevron-down"},null)])]),e.createVNode("div",{class:"devui-input-item"},[e.createVNode("input",{type:"number",value:o,placeholder:n,disabled:l,class:["devui-input-style devui-input-box",t.value],onInput:m,onChange:f,onFocus:y,onBlur:r,onKeydown:v},null)])])}});d.install=function(t){t.component(d.name,d)};var g={title:"InputNumber \u6570\u5B57\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(t){t.use(d)}};i.InputNumber=d,i.default=g,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
|
package/input-number/style.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.devui-input-number{position:relative;display:inline-block;width:80px;line-height:38px;margin-right:12px}.devui-input-number:hover:not(.devui-input-disabled) .devui-input-box{border-color:var(--devui-form-control-line-hover)}.devui-input-number:hover:not(.devui-input-disabled) .devui-control-buttons:not(.disabled){display:flex;border-color:var(--devui-form-control-line-hover)}.devui-input-number:focus-within .devui-control-buttons{display:flex}.devui-input-number .active{border:1px solid var(--devui-form-control-line-active)!important;display:flex!important}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{border-color:var(--devui-disabled-line)!important;color:var(--devui-disabled-text)!important;background-color:var(--devui-disabled-bg)!important}.devui-input-number.devui-input-number-sm .devui-input-box{width:80px;height:26px;line-height:26px}.devui-input-number.devui-input-number-normal .devui-input-box{width:80px;height:28px;line-height:28px}.devui-input-number.devui-input-number-lg .devui-input-box{width:80px;height:46px;line-height:46px}.devui-input-number .devui-input-item{line-height:100%}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{outline:none;background-color:var(--devui-base-bg);border:1px solid var(--devui-form-control-line);border-radius:var(--devui-border-radius);padding:4px 8px;line-height:18px;font-size:var(--devui-font-size);color:var(--devui-text);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s var(--devui-animation-ease-in-out-smooth)}.devui-input-number .devui-input-box{box-sizing:border-box;padding:4px 8px;font-size:var(--devui-font-size);vertical-align:middle;border-radius:var(--devui-border-radius);outline:none;width:100%;line-height:20px;height:28px;border-width:1px;border-style:solid}.devui-input-number .devui-input-box:not(.disabled){background-color:var(--devui-base-bg);border-color:var(--devui-line);color:var(--devui-text)}.devui-input-number .disabled{cursor:not-allowed}.devui-input-number .devui-control-buttons{display:none;position:absolute;right:0;width:22px;height:100%;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid var(--devui-line);box-sizing:border-box;line-height:100%;border-radius:0 var(--devui-border-radius) var(--devui-border-radius) 0}.devui-input-number .devui-control-buttons:not(.disabled){cursor:pointer}.devui-input-number .devui-control-buttons>span{display:flex}
|