vue-devui 1.0.0-rc.1 → 1.0.0-rc.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.
Files changed (204) hide show
  1. package/README.md +126 -200
  2. package/auto-complete/index.es.js +55 -77
  3. package/auto-complete/index.umd.js +3 -1
  4. package/auto-complete/style.css +1 -1
  5. package/editable-select/index.es.js +118 -162
  6. package/editable-select/index.umd.js +1 -1
  7. package/nuxt/components/tagProps.js +3 -0
  8. package/package.json +1 -1
  9. package/popover/index.es.js +2 -2
  10. package/popover/index.umd.js +4 -4
  11. package/progress/index.es.js +1 -1
  12. package/progress/index.umd.js +1 -1
  13. package/progress/style.css +1 -1
  14. package/radio/index.es.js +8 -2
  15. package/radio/index.umd.js +1 -1
  16. package/radio/style.css +1 -1
  17. package/ripple/index.es.js +43 -42
  18. package/ripple/index.umd.js +1 -1
  19. package/slider/index.es.js +58 -58
  20. package/slider/index.umd.js +1 -1
  21. package/splitter/index.es.js +168 -125
  22. package/splitter/index.umd.js +11 -11
  23. package/style.css +1 -1
  24. package/tag/index.es.js +13 -17
  25. package/tag/index.umd.js +1 -1
  26. package/tag/style.css +1 -1
  27. package/vue-devui.es.js +765 -605
  28. package/vue-devui.umd.js +18 -16
  29. package/accordion/index.d.ts +0 -7
  30. package/accordion/index.es.js +0 -723
  31. package/accordion/index.umd.js +0 -1
  32. package/accordion/package.json +0 -7
  33. package/accordion/style.css +0 -1
  34. package/anchor/index.d.ts +0 -7
  35. package/anchor/index.es.js +0 -263
  36. package/anchor/index.umd.js +0 -1
  37. package/anchor/package.json +0 -7
  38. package/anchor/style.css +0 -1
  39. package/back-top/index.d.ts +0 -7
  40. package/back-top/index.es.js +0 -130
  41. package/back-top/index.umd.js +0 -1
  42. package/back-top/package.json +0 -7
  43. package/back-top/style.css +0 -1
  44. package/breadcrumb/index.d.ts +0 -7
  45. package/breadcrumb/index.es.js +0 -128
  46. package/breadcrumb/index.umd.js +0 -1
  47. package/breadcrumb/package.json +0 -7
  48. package/breadcrumb/style.css +0 -1
  49. package/carousel/index.d.ts +0 -7
  50. package/carousel/index.es.js +0 -314
  51. package/carousel/index.umd.js +0 -1
  52. package/carousel/package.json +0 -7
  53. package/carousel/style.css +0 -1
  54. package/cascader/index.d.ts +0 -7
  55. package/cascader/index.es.js +0 -5971
  56. package/cascader/index.umd.js +0 -27
  57. package/cascader/package.json +0 -7
  58. package/cascader/style.css +0 -1
  59. package/color-picker/index.d.ts +0 -7
  60. package/color-picker/index.es.js +0 -8196
  61. package/color-picker/index.umd.js +0 -27
  62. package/color-picker/package.json +0 -7
  63. package/color-picker/style.css +0 -1
  64. package/date-picker/index.d.ts +0 -7
  65. package/date-picker/index.es.js +0 -1154
  66. package/date-picker/index.umd.js +0 -1
  67. package/date-picker/package.json +0 -7
  68. package/date-picker/style.css +0 -1
  69. package/dragdrop/index.d.ts +0 -7
  70. package/dragdrop/index.es.js +0 -157
  71. package/dragdrop/index.umd.js +0 -1
  72. package/dragdrop/package.json +0 -7
  73. package/drawer/index.d.ts +0 -7
  74. package/drawer/index.es.js +0 -234
  75. package/drawer/index.umd.js +0 -1
  76. package/drawer/package.json +0 -7
  77. package/drawer/style.css +0 -1
  78. package/dropdown/index.d.ts +0 -7
  79. package/dropdown/index.es.js +0 -693
  80. package/dropdown/index.umd.js +0 -1
  81. package/dropdown/package.json +0 -7
  82. package/dropdown/style.css +0 -1
  83. package/form/index.d.ts +0 -7
  84. package/form/index.es.js +0 -7876
  85. package/form/index.umd.js +0 -27
  86. package/form/package.json +0 -7
  87. package/form/style.css +0 -1
  88. package/gantt/index.d.ts +0 -7
  89. package/gantt/index.es.js +0 -523
  90. package/gantt/index.umd.js +0 -1
  91. package/gantt/package.json +0 -7
  92. package/gantt/style.css +0 -1
  93. package/input-icon/index.d.ts +0 -7
  94. package/input-icon/index.es.js +0 -332
  95. package/input-icon/index.umd.js +0 -1
  96. package/input-icon/package.json +0 -7
  97. package/input-icon/style.css +0 -1
  98. package/input-number/index.d.ts +0 -7
  99. package/input-number/index.es.js +0 -229
  100. package/input-number/index.umd.js +0 -1
  101. package/input-number/package.json +0 -7
  102. package/input-number/style.css +0 -1
  103. package/list/index.d.ts +0 -7
  104. package/list/index.es.js +0 -39
  105. package/list/index.umd.js +0 -1
  106. package/list/package.json +0 -7
  107. package/list/style.css +0 -1
  108. package/nav-sprite/index.d.ts +0 -7
  109. package/nav-sprite/index.es.js +0 -68
  110. package/nav-sprite/index.umd.js +0 -1
  111. package/nav-sprite/package.json +0 -7
  112. package/nuxt/components/Accordion.js +0 -3
  113. package/nuxt/components/Anchor.js +0 -3
  114. package/nuxt/components/BackTop.js +0 -3
  115. package/nuxt/components/Breadcrumb.js +0 -3
  116. package/nuxt/components/Carousel.js +0 -3
  117. package/nuxt/components/CarouselItem.js +0 -3
  118. package/nuxt/components/Cascader.js +0 -3
  119. package/nuxt/components/ColorPicker.js +0 -3
  120. package/nuxt/components/Column.js +0 -3
  121. package/nuxt/components/DatePicker.js +0 -3
  122. package/nuxt/components/Drawer.js +0 -3
  123. package/nuxt/components/DrawerService.js +0 -3
  124. package/nuxt/components/Dropdown.js +0 -3
  125. package/nuxt/components/DropdownMenu.js +0 -3
  126. package/nuxt/components/Form.js +0 -3
  127. package/nuxt/components/FormControl.js +0 -3
  128. package/nuxt/components/FormItem.js +0 -3
  129. package/nuxt/components/FormLabel.js +0 -3
  130. package/nuxt/components/FormOperation.js +0 -3
  131. package/nuxt/components/Gantt.js +0 -3
  132. package/nuxt/components/InputIcon.js +0 -3
  133. package/nuxt/components/InputNumber.js +0 -3
  134. package/nuxt/components/List.js +0 -3
  135. package/nuxt/components/ListItem.js +0 -3
  136. package/nuxt/components/NavSprite.js +0 -2
  137. package/nuxt/components/QuadrantDiagram.js +0 -3
  138. package/nuxt/components/Select.js +0 -3
  139. package/nuxt/components/StepsGuide.js +0 -3
  140. package/nuxt/components/StickSlider.js +0 -3
  141. package/nuxt/components/Sticky.js +0 -2
  142. package/nuxt/components/Table.js +0 -3
  143. package/nuxt/components/Tabs.js +0 -3
  144. package/nuxt/components/TimePicker.js +0 -3
  145. package/nuxt/components/Tooltip.js +0 -3
  146. package/nuxt/components/Transfer.js +0 -3
  147. package/nuxt/components/Tree.js +0 -3
  148. package/nuxt/components/TreeSelect.js +0 -3
  149. package/nuxt/components/dropdownMenuProps.js +0 -3
  150. package/nuxt/components/tooltipProps.js +0 -3
  151. package/quadrant-diagram/index.d.ts +0 -7
  152. package/quadrant-diagram/index.es.js +0 -5728
  153. package/quadrant-diagram/index.umd.js +0 -27
  154. package/quadrant-diagram/package.json +0 -7
  155. package/quadrant-diagram/style.css +0 -1
  156. package/select/index.d.ts +0 -7
  157. package/select/index.es.js +0 -706
  158. package/select/index.umd.js +0 -1
  159. package/select/package.json +0 -7
  160. package/select/style.css +0 -1
  161. package/steps-guide/index.d.ts +0 -7
  162. package/steps-guide/index.es.js +0 -242
  163. package/steps-guide/index.umd.js +0 -1
  164. package/steps-guide/package.json +0 -7
  165. package/steps-guide/style.css +0 -1
  166. package/sticky/index.d.ts +0 -7
  167. package/sticky/index.es.js +0 -197
  168. package/sticky/index.umd.js +0 -1
  169. package/sticky/package.json +0 -7
  170. package/table/index.d.ts +0 -7
  171. package/table/index.es.js +0 -2024
  172. package/table/index.umd.js +0 -1
  173. package/table/package.json +0 -7
  174. package/table/style.css +0 -1
  175. package/tabs/index.d.ts +0 -7
  176. package/tabs/index.es.js +0 -194
  177. package/tabs/index.umd.js +0 -1
  178. package/tabs/package.json +0 -7
  179. package/tabs/style.css +0 -1
  180. package/time-picker/index.d.ts +0 -7
  181. package/time-picker/index.es.js +0 -1238
  182. package/time-picker/index.umd.js +0 -1
  183. package/time-picker/package.json +0 -7
  184. package/time-picker/style.css +0 -1
  185. package/tooltip/index.d.ts +0 -7
  186. package/tooltip/index.es.js +0 -5835
  187. package/tooltip/index.umd.js +0 -27
  188. package/tooltip/package.json +0 -7
  189. package/tooltip/style.css +0 -1
  190. package/transfer/index.d.ts +0 -7
  191. package/transfer/index.es.js +0 -7615
  192. package/transfer/index.umd.js +0 -27
  193. package/transfer/package.json +0 -7
  194. package/transfer/style.css +0 -1
  195. package/tree/index.d.ts +0 -7
  196. package/tree/index.es.js +0 -6495
  197. package/tree/index.umd.js +0 -27
  198. package/tree/package.json +0 -7
  199. package/tree/style.css +0 -1
  200. package/tree-select/index.d.ts +0 -7
  201. package/tree-select/index.es.js +0 -627
  202. package/tree-select/index.umd.js +0 -1
  203. package/tree-select/package.json +0 -7
  204. package/tree-select/style.css +0 -1
@@ -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 };
@@ -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"});
@@ -1,7 +0,0 @@
1
- {
2
- "name": "input-icon",
3
- "version": "0.0.0",
4
- "main": "index.umd.js",
5
- "module": "index.es.js",
6
- "style": "style.css"
7
- }
@@ -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}
@@ -1,7 +0,0 @@
1
- import { App } from 'vue';
2
- declare function install(app: App): void
3
- declare const _default: {
4
- install: typeof install;
5
- version: string;
6
- };
7
- export default _default;
@@ -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"});
@@ -1,7 +0,0 @@
1
- {
2
- "name": "input-number",
3
- "version": "0.0.0",
4
- "main": "index.umd.js",
5
- "module": "index.es.js",
6
- "style": "style.css"
7
- }
@@ -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}
package/list/index.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { App } from 'vue';
2
- declare function install(app: App): void
3
- declare const _default: {
4
- install: typeof install;
5
- version: string;
6
- };
7
- export default _default;