@fangzhongya/fang-ui 0.0.35 → 0.0.37
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/dist/components/dates/index.css +1 -1
- package/dist/components/dates/index.scss +1 -1
- package/dist/components/index.scss +3 -2
- package/dist/components/index2.scss +4 -3
- package/dist/components/input-array/src/index.cjs +6 -5
- package/dist/components/input-array/src/index.js +2 -1
- package/dist/components/input-array/style/index2.scss +4 -0
- package/dist/components/input-select/index.cjs +3 -2
- package/dist/components/input-select/index.css +25 -11
- package/dist/components/input-select/index.d.ts +69 -210
- package/dist/components/input-select/index.js +3 -2
- package/dist/components/input-select/index.scss +66 -0
- package/dist/components/input-select/src/index.cjs +220 -5
- package/dist/components/input-select/src/index.d.ts +136 -419
- package/dist/components/input-select/src/index.js +220 -5
- package/dist/components/input-select/src/index2.cjs +2 -219
- package/dist/components/input-select/src/index2.js +1 -218
- package/dist/components/input-select/style/index2.scss +4 -0
- package/dist/index.css +82 -24
- package/package.json +3 -3
- /package/dist/components/{time-picker → config-provider}/index.css +0 -0
- /package/dist/components/{forms-item → forms-items}/index.css +0 -0
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
@use './edit/index.scss' as *;
|
|
65
65
|
@use './input-array/index.scss' as *;
|
|
66
66
|
@use './input-num/index.scss' as *;
|
|
67
|
+
@use './input-select/index.scss' as *;
|
|
67
68
|
@use './inputs/index.scss' as *;
|
|
68
69
|
@use './selects/index.scss' as *;
|
|
69
70
|
@use './switchs/index.scss' as *;
|
|
@@ -71,5 +72,5 @@
|
|
|
71
72
|
@use './paging/index.scss' as *;
|
|
72
73
|
@use './tables/index.scss' as *;
|
|
73
74
|
@use './tablesp/index.scss' as *;
|
|
74
|
-
@use './
|
|
75
|
-
@use './
|
|
75
|
+
@use './tablesv/index.scss' as *;
|
|
76
|
+
@use './tablesvp/index.scss' as *;
|
|
@@ -62,8 +62,9 @@
|
|
|
62
62
|
@use './checks/style/index2.scss' as *;
|
|
63
63
|
@use './dates/style/index2.scss' as *;
|
|
64
64
|
@use './edit/style/index.scss' as *;
|
|
65
|
-
@use './input-array/style/
|
|
65
|
+
@use './input-array/style/index2.scss' as *;
|
|
66
66
|
@use './input-num/style/index2.scss' as *;
|
|
67
|
+
@use './input-select/style/index2.scss' as *;
|
|
67
68
|
@use './inputs/style/index2.scss' as *;
|
|
68
69
|
@use './selects/style/index2.scss' as *;
|
|
69
70
|
@use './switchs/style/index2.scss' as *;
|
|
@@ -71,5 +72,5 @@
|
|
|
71
72
|
@use './paging/style/index2.scss' as *;
|
|
72
73
|
@use './tables/style/index2.scss' as *;
|
|
73
74
|
@use './tablesp/style/index2.scss' as *;
|
|
74
|
-
@use './
|
|
75
|
-
@use './
|
|
75
|
+
@use './tablesv/style/index2.scss' as *;
|
|
76
|
+
@use './tablesvp/style/index2.scss' as *;
|
|
@@ -3,7 +3,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
|
|
|
3
3
|
const vue = require("vue");
|
|
4
4
|
const data = require("./data.cjs");
|
|
5
5
|
const index = require("../../../hooks/cssname/index.cjs");
|
|
6
|
-
const
|
|
6
|
+
const index$1 = require("element-plus/es/components/input-number/index");
|
|
7
|
+
const index$2 = require("element-plus/es/components/input/index");
|
|
7
8
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
8
9
|
__name: "index",
|
|
9
10
|
props: data.dataProps,
|
|
@@ -135,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
135
136
|
onClick: vue.withModifiers(onClick, ["stop"])
|
|
136
137
|
}, [
|
|
137
138
|
vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
|
|
138
|
-
props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(
|
|
139
|
+
props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
|
|
139
140
|
key: 0,
|
|
140
141
|
class: vue.normalizeClass([vue.unref(cs).z("input")]),
|
|
141
142
|
modelValue: start.value,
|
|
@@ -147,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
147
148
|
onInput: omInput,
|
|
148
149
|
onClick: vue.withModifiers(onFocus, ["stop"]),
|
|
149
150
|
onBlur
|
|
150
|
-
}, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(
|
|
151
|
+
}, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
|
|
151
152
|
key: 1,
|
|
152
153
|
class: vue.normalizeClass([vue.unref(cs).z("input")]),
|
|
153
154
|
modelValue: start.value,
|
|
@@ -162,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
162
163
|
vue.createElementVNode("span", {
|
|
163
164
|
class: vue.normalizeClass([vue.unref(cs).z("range")])
|
|
164
165
|
}, vue.toDisplayString(props.rangeSeparator), 3),
|
|
165
|
-
props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(
|
|
166
|
+
props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
|
|
166
167
|
key: 2,
|
|
167
168
|
class: vue.normalizeClass([vue.unref(cs).z("input")]),
|
|
168
169
|
modelValue: end.value,
|
|
@@ -174,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
174
175
|
onClick: vue.withModifiers(onFocus, ["stop"]),
|
|
175
176
|
onInput: omInput,
|
|
176
177
|
onBlur
|
|
177
|
-
}, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(
|
|
178
|
+
}, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
|
|
178
179
|
key: 3,
|
|
179
180
|
class: vue.normalizeClass([vue.unref(cs).z("input")]),
|
|
180
181
|
modelValue: end.value,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, toDisplayString } from "vue";
|
|
2
2
|
import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
|
|
3
3
|
import { useCssName } from "../../../hooks/cssname/index.js";
|
|
4
|
-
import { ElInputNumber
|
|
4
|
+
import { ElInputNumber } from "element-plus/es/components/input-number/index";
|
|
5
|
+
import { ElInput } from "element-plus/es/components/input/index";
|
|
5
6
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
7
|
__name: "index",
|
|
7
8
|
props: dataProps,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
;/* empty css */
|
|
3
4
|
const withInstall = require("../../utils/vues/withInstall.cjs");
|
|
4
|
-
const
|
|
5
|
-
const InputSelect = withInstall.withInstall(
|
|
5
|
+
const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
|
|
6
|
+
const InputSelect = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "InputSelect");
|
|
6
7
|
exports.InputSelect = InputSelect;
|
|
7
8
|
exports.default = InputSelect;
|
|
@@ -1,4 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
:root {
|
|
2
|
+
--on: rgb(91, 189, 246);
|
|
3
|
+
--color-primary: #409eff;
|
|
4
|
+
--bag-primary: #409eff;
|
|
5
|
+
--bag-primary-text: #fff;
|
|
6
|
+
--border: #eee;
|
|
7
|
+
--layout-panel-gap: 10px;
|
|
8
|
+
--layout-panel-padding: 20px;
|
|
9
|
+
--layout-form-item-padding-right: var(
|
|
10
|
+
--layout-panel-gap
|
|
11
|
+
);
|
|
12
|
+
--g-main-bg: var(--bg-color-page);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.input-select-select-icon {
|
|
2
16
|
margin-left: 8px;
|
|
3
17
|
display: inline-flex;
|
|
4
18
|
pointer-events: all;
|
|
@@ -8,31 +22,31 @@
|
|
|
8
22
|
transform: rotate(0);
|
|
9
23
|
transition: transform 0.3s;
|
|
10
24
|
}
|
|
11
|
-
.input-select
|
|
25
|
+
.input-select-select-icon.is-reverse {
|
|
12
26
|
transform: rotate(-180deg);
|
|
13
27
|
}
|
|
14
|
-
.input-select
|
|
28
|
+
.input-select-select-icon svg {
|
|
15
29
|
width: 1rem;
|
|
16
30
|
height: 1rem;
|
|
17
31
|
}
|
|
18
|
-
.input-select.is-disabled .input-select-select-icon
|
|
32
|
+
.input-select.is-disabled .input-select-select-icon {
|
|
19
33
|
cursor: not-allowed;
|
|
20
34
|
}
|
|
21
|
-
.input-select-popper
|
|
35
|
+
.input-select-popper {
|
|
22
36
|
padding: 6px 0 !important;
|
|
23
37
|
}
|
|
24
|
-
.input-select-popper .input-select-select
|
|
38
|
+
.input-select-popper .input-select-select {
|
|
25
39
|
max-height: 274px;
|
|
26
40
|
height: 100%;
|
|
27
41
|
overflow-y: auto;
|
|
28
42
|
}
|
|
29
|
-
.input-select-popper .input-select-select .input-select-select-ul
|
|
43
|
+
.input-select-popper .input-select-select .input-select-select-ul {
|
|
30
44
|
list-style: none;
|
|
31
45
|
margin: 6px 0;
|
|
32
46
|
padding: 0;
|
|
33
47
|
box-sizing: border-box;
|
|
34
48
|
}
|
|
35
|
-
.input-select-popper .input-select-select .input-select-select-li
|
|
49
|
+
.input-select-popper .input-select-select .input-select-select-li {
|
|
36
50
|
padding: 0 32px 0 20px;
|
|
37
51
|
position: relative;
|
|
38
52
|
white-space: nowrap;
|
|
@@ -44,14 +58,14 @@
|
|
|
44
58
|
box-sizing: border-box;
|
|
45
59
|
cursor: pointer;
|
|
46
60
|
}
|
|
47
|
-
.input-select-popper .input-select-select .input-select-select-li.hover
|
|
61
|
+
.input-select-popper .input-select-select .input-select-select-li.hover, .input-select-popper .input-select-select .input-select-select-li:hover {
|
|
48
62
|
background-color: #f5f7fa;
|
|
49
63
|
}
|
|
50
|
-
.input-select-popper .input-select-select .input-select-select-li.selected
|
|
64
|
+
.input-select-popper .input-select-select .input-select-select-li.selected {
|
|
51
65
|
color: var(--bv-color-primary);
|
|
52
66
|
font-weight: 700;
|
|
53
67
|
}
|
|
54
|
-
.input-select-popper .input-select-select .input-select-select-li.is-disabled
|
|
68
|
+
.input-select-popper .input-select-select .input-select-select-li.is-disabled {
|
|
55
69
|
background-color: #ffffff;
|
|
56
70
|
color: #a8abb2;
|
|
57
71
|
cursor: not-allowed;
|