vue-devui 1.0.0-beta.4 → 1.0.0-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/index.d.ts +7 -0
- package/accordion/index.es.js +186 -139
- package/accordion/index.umd.js +1 -1
- package/accordion/style.css +1 -1
- package/alert/index.d.ts +7 -0
- package/alert/index.es.js +1 -1
- package/alert/index.umd.js +1 -1
- package/anchor/index.d.ts +7 -0
- package/avatar/index.d.ts +7 -0
- package/avatar/index.es.js +1 -1
- package/avatar/index.umd.js +1 -1
- package/back-top/index.d.ts +7 -0
- package/back-top/index.es.js +128 -0
- package/back-top/index.umd.js +1 -0
- package/back-top/package.json +7 -0
- package/back-top/style.css +1 -0
- package/badge/index.d.ts +7 -0
- package/badge/index.es.js +1 -1
- package/badge/index.umd.js +1 -1
- package/breadcrumb/index.d.ts +7 -0
- package/button/index.d.ts +7 -0
- package/button/index.es.js +4 -4
- package/button/index.umd.js +1 -1
- package/card/index.d.ts +7 -0
- package/card/index.es.js +1 -1
- package/card/index.umd.js +1 -1
- package/carousel/index.d.ts +7 -0
- package/carousel/index.es.js +3 -3
- package/carousel/index.umd.js +1 -1
- package/cascader/index.d.ts +7 -0
- package/cascader/index.es.js +1239 -83
- package/cascader/index.umd.js +1 -1
- package/cascader/style.css +1 -1
- package/checkbox/index.d.ts +7 -0
- package/checkbox/index.es.js +1 -1
- package/checkbox/index.umd.js +1 -1
- package/comment/index.d.ts +7 -0
- package/comment/index.es.js +57 -0
- package/comment/index.umd.js +1 -0
- package/comment/package.json +7 -0
- package/comment/style.css +1 -0
- package/countdown/index.d.ts +7 -0
- package/countdown/index.es.js +167 -0
- package/countdown/index.umd.js +1 -0
- package/countdown/package.json +7 -0
- package/countdown/style.css +1 -0
- package/date-picker/index.d.ts +7 -0
- package/date-picker/index.es.js +15 -15
- package/date-picker/index.umd.js +1 -1
- package/dragdrop/index.d.ts +7 -0
- package/drawer/index.d.ts +7 -0
- package/drawer/index.es.js +33 -9
- package/drawer/index.umd.js +1 -1
- package/dropdown/index.d.ts +7 -0
- package/dropdown/index.es.js +61 -61
- package/dropdown/index.umd.js +1 -1
- package/editable-select/index.d.ts +7 -0
- package/editable-select/index.es.js +53 -26
- package/editable-select/index.umd.js +9 -9
- package/form/index.d.ts +7 -0
- package/form/index.es.js +175 -80
- package/form/index.umd.js +1 -1
- package/form/style.css +1 -1
- package/fullscreen/index.d.ts +7 -0
- package/fullscreen/index.es.js +1 -1
- package/fullscreen/index.umd.js +1 -1
- package/gantt/index.d.ts +7 -0
- package/grid/index.d.ts +7 -0
- package/grid/index.es.js +2 -2
- package/grid/index.umd.js +1 -1
- package/icon/index.d.ts +7 -0
- package/icon/index.es.js +4 -4
- package/icon/index.umd.js +1 -1
- package/image-preview/index.d.ts +7 -0
- package/image-preview/index.es.js +23 -2
- package/image-preview/index.umd.js +1 -1
- package/index.d.ts +7 -0
- package/input/index.d.ts +7 -0
- package/input/index.es.js +12 -12
- package/input/index.umd.js +1 -1
- package/input-icon/index.d.ts +7 -0
- package/input-icon/index.es.js +331 -0
- package/input-icon/index.umd.js +1 -0
- package/input-icon/package.json +7 -0
- package/input-icon/style.css +1 -0
- package/input-number/index.d.ts +7 -0
- package/input-number/index.es.js +3 -3
- package/input-number/index.umd.js +1 -1
- package/layout/index.d.ts +7 -0
- package/layout/index.es.js +1 -1
- package/layout/index.umd.js +1 -1
- package/loading/index.d.ts +7 -0
- package/loading/index.es.js +1 -1
- package/loading/index.umd.js +1 -1
- package/modal/index.d.ts +7 -0
- package/modal/index.es.js +58 -57
- package/modal/index.umd.js +1 -1
- package/nav-sprite/index.d.ts +7 -0
- package/overlay/index.d.ts +7 -0
- package/overlay/index.es.js +56 -55
- package/overlay/index.umd.js +1 -1
- package/package.json +2 -31
- package/pagination/index.d.ts +7 -0
- package/pagination/index.es.js +3 -3
- package/pagination/index.umd.js +1 -1
- package/panel/index.d.ts +7 -0
- package/popover/index.d.ts +7 -0
- package/popover/index.es.js +1 -1
- package/popover/index.umd.js +1 -1
- package/progress/index.d.ts +7 -0
- package/progress/index.es.js +1 -1
- package/progress/index.umd.js +2 -2
- package/quadrant-diagram/index.d.ts +7 -0
- package/radio/index.d.ts +7 -0
- package/radio/index.es.js +1 -1
- package/radio/index.umd.js +1 -1
- package/rate/index.d.ts +7 -0
- package/rate/index.es.js +1 -1
- package/rate/index.umd.js +1 -1
- package/read-tip/index.d.ts +7 -0
- package/read-tip/index.es.js +61 -24
- package/read-tip/index.umd.js +1 -1
- package/read-tip/style.css +1 -1
- package/result/index.d.ts +7 -0
- package/result/index.es.js +118 -0
- package/result/index.umd.js +1 -0
- package/result/package.json +7 -0
- package/result/style.css +1 -0
- package/ripple/index.d.ts +7 -0
- package/ripple/index.es.js +5 -2
- package/ripple/index.umd.js +1 -1
- package/search/index.d.ts +7 -0
- package/search/index.es.js +14 -14
- package/search/index.umd.js +1 -1
- package/select/index.d.ts +7 -0
- package/select/index.es.js +3 -3
- package/select/index.umd.js +1 -1
- package/skeleton/index.d.ts +7 -0
- package/skeleton/index.es.js +148 -26
- package/skeleton/index.umd.js +1 -1
- package/skeleton/style.css +1 -1
- package/slider/index.d.ts +7 -0
- package/slider/index.es.js +1 -1
- package/slider/index.umd.js +1 -1
- package/splitter/index.d.ts +7 -0
- package/splitter/index.es.js +24 -25
- package/splitter/index.umd.js +1 -1
- package/status/index.d.ts +7 -0
- package/status/index.es.js +1 -1
- package/status/index.umd.js +1 -1
- package/steps-guide/index.d.ts +7 -0
- package/steps-guide/index.es.js +97 -74
- package/steps-guide/index.umd.js +1 -1
- package/sticky/index.d.ts +7 -0
- package/style.css +1 -1
- package/switch/index.d.ts +7 -0
- package/switch/index.es.js +1 -1
- package/switch/index.umd.js +1 -1
- package/table/index.d.ts +7 -0
- package/table/index.es.js +1492 -157
- package/table/index.umd.js +1 -1
- package/table/style.css +1 -1
- package/tabs/index.d.ts +7 -0
- package/tabs/index.es.js +1 -0
- package/tabs/index.umd.js +1 -1
- package/tag/index.d.ts +7 -0
- package/tag/index.es.js +94 -12
- package/tag/index.umd.js +1 -1
- package/tag/style.css +1 -1
- package/tag-input/index.d.ts +7 -0
- package/tag-input/index.es.js +1 -1
- package/tag-input/index.umd.js +1 -1
- package/textarea/index.d.ts +7 -0
- package/textarea/index.es.js +1 -1
- package/textarea/index.umd.js +1 -1
- package/time-axis/index.d.ts +7 -0
- package/time-axis/index.es.js +240 -21
- package/time-axis/index.umd.js +1 -1
- package/time-axis/style.css +1 -1
- package/time-picker/index.d.ts +7 -0
- package/time-picker/index.es.js +12 -7
- package/time-picker/index.umd.js +1 -1
- package/time-picker/style.css +1 -1
- package/toast/index.d.ts +7 -0
- package/toast/index.es.js +4 -4
- package/toast/index.umd.js +1 -1
- package/tooltip/index.d.ts +7 -0
- package/transfer/index.d.ts +7 -0
- package/transfer/index.es.js +301 -62
- package/transfer/index.umd.js +1 -1
- package/transfer/style.css +1 -1
- package/tree/index.d.ts +7 -0
- package/tree/index.es.js +160 -31
- package/tree/index.umd.js +1 -1
- package/tree-select/index.d.ts +7 -0
- package/tree-select/index.es.js +435 -110
- package/tree-select/index.umd.js +1 -1
- package/tree-select/style.css +1 -1
- package/upload/index.d.ts +7 -0
- package/upload/index.es.js +4 -4
- package/upload/index.umd.js +1 -1
- package/vue-devui.es.js +14014 -11820
- package/vue-devui.umd.js +19 -19
package/form/index.es.js
CHANGED
|
@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
|
|
|
14
14
|
}
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
|
-
import { defineComponent, provide, createVNode,
|
|
17
|
+
import { defineComponent, provide, createVNode, ref, toRefs, reactive, withDirectives, resolveDirective, resolveComponent, inject, computed, onMounted, onBeforeUnmount } from "vue";
|
|
18
18
|
function mitt(n) {
|
|
19
19
|
return { all: n = n || new Map(), on: function(t, e) {
|
|
20
20
|
var i = n.get(t);
|
|
@@ -59,6 +59,10 @@ const formProps = {
|
|
|
59
59
|
name: {
|
|
60
60
|
type: String,
|
|
61
61
|
default: ""
|
|
62
|
+
},
|
|
63
|
+
messageShowType: {
|
|
64
|
+
type: String,
|
|
65
|
+
default: "popover"
|
|
62
66
|
}
|
|
63
67
|
};
|
|
64
68
|
const formItemProps = {
|
|
@@ -148,7 +152,8 @@ var Form = defineComponent({
|
|
|
148
152
|
labelAlign: props.labelAlign
|
|
149
153
|
},
|
|
150
154
|
rules: props.rules,
|
|
151
|
-
columnsClass: props.columnsClass
|
|
155
|
+
columnsClass: props.columnsClass,
|
|
156
|
+
messageShowType: "popover"
|
|
152
157
|
});
|
|
153
158
|
const onSubmit = (e) => {
|
|
154
159
|
e.preventDefault();
|
|
@@ -203,7 +208,7 @@ var Icon = defineComponent({
|
|
|
203
208
|
color,
|
|
204
209
|
classPrefix
|
|
205
210
|
} = this;
|
|
206
|
-
return
|
|
211
|
+
return /^((https?):)?\/\//.test(name) ? createVNode("img", {
|
|
207
212
|
"src": name,
|
|
208
213
|
"alt": name.split("/")[name.split("/").length - 1],
|
|
209
214
|
"style": {
|
|
@@ -215,7 +220,7 @@ var Icon = defineComponent({
|
|
|
215
220
|
fontSize: size,
|
|
216
221
|
color
|
|
217
222
|
}
|
|
218
|
-
}, null)
|
|
223
|
+
}, null);
|
|
219
224
|
}
|
|
220
225
|
});
|
|
221
226
|
var debounce$1 = (callBack, wait) => {
|
|
@@ -1557,74 +1562,6 @@ var FormItem = defineComponent({
|
|
|
1557
1562
|
};
|
|
1558
1563
|
}
|
|
1559
1564
|
});
|
|
1560
|
-
var formControl = "";
|
|
1561
|
-
var FormControl = defineComponent({
|
|
1562
|
-
name: "DFormControl",
|
|
1563
|
-
props: formControlProps,
|
|
1564
|
-
setup(props, ctx2) {
|
|
1565
|
-
const formControl2 = ref();
|
|
1566
|
-
const dForm = reactive(inject(formInjectionKey, {}));
|
|
1567
|
-
const labelData = reactive(dForm.labelData);
|
|
1568
|
-
const isHorizontal = labelData.layout === "horizontal";
|
|
1569
|
-
const iconData = computed(() => {
|
|
1570
|
-
switch (props.feedbackStatus) {
|
|
1571
|
-
case "pending":
|
|
1572
|
-
return {
|
|
1573
|
-
name: "priority",
|
|
1574
|
-
color: "#e9edfa"
|
|
1575
|
-
};
|
|
1576
|
-
case "success":
|
|
1577
|
-
return {
|
|
1578
|
-
name: "right-o",
|
|
1579
|
-
color: "rgb(61, 204, 166)"
|
|
1580
|
-
};
|
|
1581
|
-
case "error":
|
|
1582
|
-
return {
|
|
1583
|
-
name: "error-o",
|
|
1584
|
-
color: "rgb(249, 95, 91)"
|
|
1585
|
-
};
|
|
1586
|
-
default:
|
|
1587
|
-
return {
|
|
1588
|
-
name: "",
|
|
1589
|
-
color: ""
|
|
1590
|
-
};
|
|
1591
|
-
}
|
|
1592
|
-
});
|
|
1593
|
-
return () => {
|
|
1594
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
1595
|
-
const {
|
|
1596
|
-
feedbackStatus,
|
|
1597
|
-
extraInfo
|
|
1598
|
-
} = props;
|
|
1599
|
-
return createVNode("div", {
|
|
1600
|
-
"class": "form-control",
|
|
1601
|
-
"ref": formControl2
|
|
1602
|
-
}, [createVNode("div", {
|
|
1603
|
-
"class": `devui-form-control-container${isHorizontal ? " devui-form-control-container-horizontal" : ""}${feedbackStatus ? " has-feedback" : ""}${feedbackStatus === "error" ? " feedback-error" : ""}`
|
|
1604
|
-
}, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), (feedbackStatus || ((_d = (_c = ctx2.slots).suffixTemplate) == null ? void 0 : _d.call(_c))) && createVNode("span", {
|
|
1605
|
-
"class": "feedback-status"
|
|
1606
|
-
}, [((_f = (_e = ctx2.slots).suffixTemplate) == null ? void 0 : _f.call(_e)) ? (_h = (_g = ctx2.slots).suffixTemplate) == null ? void 0 : _h.call(_g) : createVNode(Icon, {
|
|
1607
|
-
"name": iconData.value.name,
|
|
1608
|
-
"color": iconData.value.color
|
|
1609
|
-
}, null)])]), extraInfo && createVNode("div", {
|
|
1610
|
-
"class": "devui-form-control-extra-info"
|
|
1611
|
-
}, [extraInfo])]);
|
|
1612
|
-
};
|
|
1613
|
-
}
|
|
1614
|
-
});
|
|
1615
|
-
var formOperation = "";
|
|
1616
|
-
var FormOperation = defineComponent({
|
|
1617
|
-
name: "DFormOperation",
|
|
1618
|
-
props: {},
|
|
1619
|
-
setup(props, ctx2) {
|
|
1620
|
-
return () => {
|
|
1621
|
-
var _a, _b;
|
|
1622
|
-
return createVNode("div", {
|
|
1623
|
-
"class": "form-operation"
|
|
1624
|
-
}, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)]);
|
|
1625
|
-
};
|
|
1626
|
-
}
|
|
1627
|
-
});
|
|
1628
1565
|
var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
|
|
1629
1566
|
var freeGlobal$1 = freeGlobal;
|
|
1630
1567
|
var freeSelf = typeof self == "object" && self && self.Object === Object && self;
|
|
@@ -1673,6 +1610,30 @@ var symbolTag = "[object Symbol]";
|
|
|
1673
1610
|
function isSymbol(value) {
|
|
1674
1611
|
return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
|
|
1675
1612
|
}
|
|
1613
|
+
function arrayMap(array4, iteratee) {
|
|
1614
|
+
var index2 = -1, length = array4 == null ? 0 : array4.length, result = Array(length);
|
|
1615
|
+
while (++index2 < length) {
|
|
1616
|
+
result[index2] = iteratee(array4[index2], index2, array4);
|
|
1617
|
+
}
|
|
1618
|
+
return result;
|
|
1619
|
+
}
|
|
1620
|
+
var isArray = Array.isArray;
|
|
1621
|
+
var isArray$1 = isArray;
|
|
1622
|
+
var INFINITY = 1 / 0;
|
|
1623
|
+
var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0;
|
|
1624
|
+
function baseToString(value) {
|
|
1625
|
+
if (typeof value == "string") {
|
|
1626
|
+
return value;
|
|
1627
|
+
}
|
|
1628
|
+
if (isArray$1(value)) {
|
|
1629
|
+
return arrayMap(value, baseToString) + "";
|
|
1630
|
+
}
|
|
1631
|
+
if (isSymbol(value)) {
|
|
1632
|
+
return symbolToString ? symbolToString.call(value) : "";
|
|
1633
|
+
}
|
|
1634
|
+
var result = value + "";
|
|
1635
|
+
return result == "0" && 1 / value == -INFINITY ? "-0" : result;
|
|
1636
|
+
}
|
|
1676
1637
|
var reWhitespace = /\s/;
|
|
1677
1638
|
function trimmedEndIndex(string3) {
|
|
1678
1639
|
var index2 = string3.length;
|
|
@@ -1711,6 +1672,9 @@ function toNumber(value) {
|
|
|
1711
1672
|
var isBinary = reIsBinary.test(value);
|
|
1712
1673
|
return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
|
|
1713
1674
|
}
|
|
1675
|
+
function toString(value) {
|
|
1676
|
+
return value == null ? "" : baseToString(value);
|
|
1677
|
+
}
|
|
1714
1678
|
var now = function() {
|
|
1715
1679
|
return root$1.Date.now();
|
|
1716
1680
|
};
|
|
@@ -1798,6 +1762,102 @@ function debounce(func, wait, options) {
|
|
|
1798
1762
|
debounced.flush = flush;
|
|
1799
1763
|
return debounced;
|
|
1800
1764
|
}
|
|
1765
|
+
var idCounter = 0;
|
|
1766
|
+
function uniqueId(prefix) {
|
|
1767
|
+
var id = ++idCounter;
|
|
1768
|
+
return toString(prefix) + id;
|
|
1769
|
+
}
|
|
1770
|
+
var formControl = "";
|
|
1771
|
+
var FormControl = defineComponent({
|
|
1772
|
+
name: "DFormControl",
|
|
1773
|
+
props: formControlProps,
|
|
1774
|
+
setup(props, ctx2) {
|
|
1775
|
+
const formControl2 = ref();
|
|
1776
|
+
const dForm = reactive(inject(formInjectionKey, {}));
|
|
1777
|
+
const labelData = reactive(dForm.labelData);
|
|
1778
|
+
const isHorizontal = labelData.layout === "horizontal";
|
|
1779
|
+
const uid = uniqueId("dfc-");
|
|
1780
|
+
const showPopover = ref(false);
|
|
1781
|
+
const tipMessage = ref("");
|
|
1782
|
+
const popPosition = ref("bottom");
|
|
1783
|
+
onMounted(() => {
|
|
1784
|
+
EventBus.on("showPopoverErrorMessage", (data) => {
|
|
1785
|
+
if (uid === data.uid) {
|
|
1786
|
+
showPopover.value = data.showPopover;
|
|
1787
|
+
tipMessage.value = data.message;
|
|
1788
|
+
popPosition.value = data.popPosition;
|
|
1789
|
+
}
|
|
1790
|
+
});
|
|
1791
|
+
});
|
|
1792
|
+
const iconData = computed(() => {
|
|
1793
|
+
switch (props.feedbackStatus) {
|
|
1794
|
+
case "pending":
|
|
1795
|
+
return {
|
|
1796
|
+
name: "priority",
|
|
1797
|
+
color: "#e9edfa"
|
|
1798
|
+
};
|
|
1799
|
+
case "success":
|
|
1800
|
+
return {
|
|
1801
|
+
name: "right-o",
|
|
1802
|
+
color: "rgb(61, 204, 166)"
|
|
1803
|
+
};
|
|
1804
|
+
case "error":
|
|
1805
|
+
return {
|
|
1806
|
+
name: "error-o",
|
|
1807
|
+
color: "rgb(249, 95, 91)"
|
|
1808
|
+
};
|
|
1809
|
+
default:
|
|
1810
|
+
return {
|
|
1811
|
+
name: "",
|
|
1812
|
+
color: ""
|
|
1813
|
+
};
|
|
1814
|
+
}
|
|
1815
|
+
});
|
|
1816
|
+
return () => {
|
|
1817
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
1818
|
+
const {
|
|
1819
|
+
feedbackStatus,
|
|
1820
|
+
extraInfo
|
|
1821
|
+
} = props;
|
|
1822
|
+
return createVNode("div", {
|
|
1823
|
+
"class": "form-control",
|
|
1824
|
+
"ref": formControl2,
|
|
1825
|
+
"data-uid": uid
|
|
1826
|
+
}, [createVNode("div", {
|
|
1827
|
+
"class": `devui-form-control-container${isHorizontal ? " devui-form-control-container-horizontal" : ""}${feedbackStatus ? " has-feedback" : ""}${feedbackStatus === "error" ? " feedback-error" : ""}`
|
|
1828
|
+
}, [createVNode("div", {
|
|
1829
|
+
"class": `devui-control-content-wrapper ${showPopover.value ? "with-popover" : ""}`
|
|
1830
|
+
}, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a), showPopover.value && createVNode("div", {
|
|
1831
|
+
"class": "devui-popover-wrapper"
|
|
1832
|
+
}, [createVNode(Popover, {
|
|
1833
|
+
"visible": true,
|
|
1834
|
+
"content": tipMessage.value,
|
|
1835
|
+
"popType": "error",
|
|
1836
|
+
"position": popPosition.value
|
|
1837
|
+
}, null)])]), (feedbackStatus || ((_d = (_c = ctx2.slots).suffixTemplate) == null ? void 0 : _d.call(_c))) && createVNode("span", {
|
|
1838
|
+
"class": "feedback-status"
|
|
1839
|
+
}, [((_f = (_e = ctx2.slots).suffixTemplate) == null ? void 0 : _f.call(_e)) ? (_h = (_g = ctx2.slots).suffixTemplate) == null ? void 0 : _h.call(_g) : createVNode(Icon, {
|
|
1840
|
+
"name": iconData.value.name,
|
|
1841
|
+
"color": iconData.value.color
|
|
1842
|
+
}, null)])]), extraInfo && createVNode("div", {
|
|
1843
|
+
"class": "devui-form-control-extra-info"
|
|
1844
|
+
}, [extraInfo])]);
|
|
1845
|
+
};
|
|
1846
|
+
}
|
|
1847
|
+
});
|
|
1848
|
+
var formOperation = "";
|
|
1849
|
+
var FormOperation = defineComponent({
|
|
1850
|
+
name: "DFormOperation",
|
|
1851
|
+
props: {},
|
|
1852
|
+
setup(props, ctx2) {
|
|
1853
|
+
return () => {
|
|
1854
|
+
var _a, _b;
|
|
1855
|
+
return createVNode("div", {
|
|
1856
|
+
"class": "form-operation"
|
|
1857
|
+
}, [(_b = (_a = ctx2.slots).default) == null ? void 0 : _b.call(_a)]);
|
|
1858
|
+
};
|
|
1859
|
+
}
|
|
1860
|
+
});
|
|
1801
1861
|
var style = "";
|
|
1802
1862
|
var ErrorStrategyEnum;
|
|
1803
1863
|
(function(ErrorStrategyEnum2) {
|
|
@@ -1950,11 +2010,15 @@ function handleErrorStrategyPass(el) {
|
|
|
1950
2010
|
index2 !== -1 && classList.splice(index2, 1);
|
|
1951
2011
|
el.setAttribute("class", classList.join(" "));
|
|
1952
2012
|
}
|
|
1953
|
-
function handleValidateError({ el, tipEl, message, isFormTag, messageShowType }) {
|
|
2013
|
+
function handleValidateError({ el, tipEl, message, isFormTag, messageShowType, dfcUID, popPosition = "right-bottom" }) {
|
|
1954
2014
|
if (isFormTag && messageShowType === MessageShowTypeEnum.toast) {
|
|
1955
2015
|
alert(message);
|
|
1956
2016
|
return;
|
|
1957
2017
|
}
|
|
2018
|
+
if (MessageShowTypeEnum.popover === messageShowType) {
|
|
2019
|
+
EventBus.emit("showPopoverErrorMessage", { showPopover: true, message, uid: dfcUID, popPosition });
|
|
2020
|
+
return;
|
|
2021
|
+
}
|
|
1958
2022
|
tipEl.innerText = "" + message;
|
|
1959
2023
|
tipEl.style.display = "inline-flex";
|
|
1960
2024
|
tipEl.setAttribute("class", "d-validate-tip");
|
|
@@ -1964,12 +2028,17 @@ function handleValidatePass(el, tipEl) {
|
|
|
1964
2028
|
tipEl.style.display = "none";
|
|
1965
2029
|
handleErrorStrategyPass(el);
|
|
1966
2030
|
}
|
|
2031
|
+
function getRefName(binding) {
|
|
2032
|
+
const _refs = binding.instance.$refs;
|
|
2033
|
+
const refName = Object.keys(_refs)[0];
|
|
2034
|
+
return refName;
|
|
2035
|
+
}
|
|
1967
2036
|
function getFormName(binding) {
|
|
1968
2037
|
const _refs = binding.instance.$refs;
|
|
1969
2038
|
const key = Object.keys(_refs)[0];
|
|
1970
2039
|
return _refs[key]["name"];
|
|
1971
2040
|
}
|
|
1972
|
-
function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType }) {
|
|
2041
|
+
function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowType, dfcUID, popPosition }) {
|
|
1973
2042
|
validator.validate({ modelName: modelValue }).then(() => {
|
|
1974
2043
|
handleValidatePass(el, tipEl);
|
|
1975
2044
|
}).catch((err) => {
|
|
@@ -1982,24 +2051,47 @@ function validateFn({ validator, modelValue, el, tipEl, isFormTag, messageShowTy
|
|
|
1982
2051
|
} else {
|
|
1983
2052
|
msg = errors[0].message;
|
|
1984
2053
|
}
|
|
1985
|
-
handleValidateError({ el, tipEl, message: msg, isFormTag, messageShowType });
|
|
2054
|
+
handleValidateError({ el, tipEl, message: msg, isFormTag, messageShowType, dfcUID, popPosition });
|
|
1986
2055
|
});
|
|
1987
2056
|
}
|
|
2057
|
+
function checkValidPopsition(positionStr) {
|
|
2058
|
+
const validPosition = ["left", "right", "top", "bottom", "left-top", "left-bottom", "top-left", "top-right", "right-top", "right-bottom", "bottom-left", "bottom-right"];
|
|
2059
|
+
const isValid = validPosition.includes(positionStr);
|
|
2060
|
+
!isValid && console.warn(`invalid popPosition value '${positionStr}'.`);
|
|
2061
|
+
return isValid;
|
|
2062
|
+
}
|
|
1988
2063
|
var dValidateRules = {
|
|
1989
2064
|
mounted(el, binding, vnode) {
|
|
2065
|
+
var _a;
|
|
1990
2066
|
const isFormTag = el.tagName === "FORM";
|
|
2067
|
+
const dfcUID = el.parentNode.parentNode.parentElement.dataset.uid;
|
|
2068
|
+
const refName = getRefName(binding);
|
|
1991
2069
|
const hasOptions = isObject$1(binding.value) && hasKey(binding.value, "options");
|
|
1992
|
-
|
|
2070
|
+
let {
|
|
1993
2071
|
rules: bindingRules,
|
|
1994
2072
|
options = {},
|
|
1995
2073
|
messageShowType = MessageShowTypeEnum.popover
|
|
1996
2074
|
} = binding.value;
|
|
1997
2075
|
let { errorStrategy } = binding.value;
|
|
1998
|
-
|
|
2076
|
+
if (refName) {
|
|
2077
|
+
messageShowType = (_a = binding.instance[refName]["messageShowType"]) != null ? _a : "popover";
|
|
2078
|
+
}
|
|
2079
|
+
let {
|
|
1999
2080
|
updateOn = UpdateOnEnum.change,
|
|
2000
2081
|
errorStrategy: ErrorStrategy = ErrorStrategyEnum.dirty,
|
|
2001
|
-
asyncDebounceTime = 300
|
|
2082
|
+
asyncDebounceTime = 300,
|
|
2083
|
+
popPosition = ["right", "bottom"]
|
|
2002
2084
|
} = options;
|
|
2085
|
+
if (messageShowType === MessageShowTypeEnum.popover) {
|
|
2086
|
+
if (Array.isArray(popPosition)) {
|
|
2087
|
+
popPosition = popPosition.length > 1 ? popPosition.join("-") : popPosition[0];
|
|
2088
|
+
if (!checkValidPopsition(popPosition)) {
|
|
2089
|
+
popPosition = "right-bottom";
|
|
2090
|
+
}
|
|
2091
|
+
} else if (!checkValidPopsition(popPosition)) {
|
|
2092
|
+
popPosition = "right-bottom";
|
|
2093
|
+
}
|
|
2094
|
+
}
|
|
2003
2095
|
if (!errorStrategy) {
|
|
2004
2096
|
errorStrategy = ErrorStrategy;
|
|
2005
2097
|
}
|
|
@@ -2057,7 +2149,10 @@ var dValidateRules = {
|
|
|
2057
2149
|
const validator = new Schema(descriptor);
|
|
2058
2150
|
const htmlEventValidateHandler = (e) => {
|
|
2059
2151
|
const modelValue = e.target.value;
|
|
2060
|
-
|
|
2152
|
+
if (messageShowType === MessageShowTypeEnum.popover) {
|
|
2153
|
+
EventBus.emit("showPopoverErrorMessage", { showPopover: false, message: "", uid: dfcUID });
|
|
2154
|
+
}
|
|
2155
|
+
validateFn({ validator, modelValue, el, tipEl, isFormTag: false, messageShowType, dfcUID, popPosition });
|
|
2061
2156
|
};
|
|
2062
2157
|
vnode.children[0].el.addEventListener(updateOn, htmlEventValidateHandler);
|
|
2063
2158
|
if (errorStrategy === ErrorStrategyEnum.pristine) {
|
|
@@ -2090,7 +2185,7 @@ FormOperation.install = function(app) {
|
|
|
2090
2185
|
var index = {
|
|
2091
2186
|
title: "Form \u8868\u5355",
|
|
2092
2187
|
category: "\u6570\u636E\u5F55\u5165",
|
|
2093
|
-
status: "
|
|
2188
|
+
status: "75%",
|
|
2094
2189
|
install(app) {
|
|
2095
2190
|
app.use(Form);
|
|
2096
2191
|
app.use(FormLabel);
|
package/form/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var cr=Object.defineProperty;var $e=Object.getOwnPropertySymbols;var lr=Object.prototype.hasOwnProperty,dr=Object.prototype.propertyIsEnumerable;var Me=(E,f,N)=>f in E?cr(E,f,{enumerable:!0,configurable:!0,writable:!0,value:N}):E[f]=N,J=(E,f)=>{for(var N in f||(f={}))lr.call(f,N)&&Me(E,N,f[N]);if($e)for(var N of $e(f))dr.call(f,N)&&Me(E,N,f[N]);return E};(function(E,f){typeof exports=="object"&&typeof module!="undefined"?f(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],f):(E=typeof globalThis!="undefined"?globalThis:E||self,f(E.index={},E.Vue))})(this,function(E,f){"use strict";function N(t){return{all:t=t||new Map,on:function(e,r){var n=t.get(e);n?n.push(r):t.set(e,[r])},off:function(e,r){var n=t.get(e);n&&(r?n.splice(n.indexOf(r)>>>0,1):t.set(e,[]))},emit:function(e,r){var n=t.get(e);n&&n.slice().map(function(i){i(r)}),(n=t.get("*"))&&n.slice().map(function(i){i(e,r)})}}}const _e={formData:{type:Object,default:{}},layout:{type:String,default:"horizontal"},labelSize:{type:String,default:""},labelAlign:{type:String,default:"start"},rules:{type:Object,default:{}},columnsClass:{type:String,default:""},name:{type:String,default:""}},Le={dHasFeedback:{type:Boolean,default:!1},prop:{type:String,default:""}},Re={required:{type:Boolean,default:!1},hasHelp:{type:Boolean,default:!1},helpTips:{type:String,default:""}},Be={feedbackStatus:{type:String,default:""},extraInfo:{type:String,default:""}},U={addField:"d.form.addField",removeField:"d.form.removeField"},Y=Symbol("dForm"),ke=Symbol("dFormItem"),ge={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var ze=N();const he=ze;function re(t){return Object.prototype.toString.call(t).slice(8,-1)==="Object"}function ne(t,e){return re(t)?Object.prototype.hasOwnProperty.call(t,e):!1}var mr="",_=f.defineComponent({name:"DForm",props:_e,emits:["submit"],setup(t,e){const r=N(),n=[],i=()=>{n.forEach(o=>{o.resetField()})};return r.on(U.addField,o=>{o&&n.push(o)}),r.on(U.removeField,o=>{o.prop&&n.splice(n.indexOf(o),1)}),f.provide(Y,{formData:t.formData,formMitt:r,labelData:{layout:t.layout,labelSize:t.labelSize,labelAlign:t.labelAlign},rules:t.rules,columnsClass:t.columnsClass}),{fields:n,formMitt:r,onSubmit:o=>{o.preventDefault(),e.emit("submit",o),he.emit(`formSubmit:${t.name}`)},resetFormFields:i}},render(){var e,r;const{onSubmit:t}=this;return f.createVNode("form",{onSubmit:t,class:"d-form"},[(r=(e=this.$slots).default)==null?void 0:r.call(e)])}}),ve=f.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return J({},t)},render(){const{name:t,size:e,color:r,classPrefix:n}=this;return f.createVNode(f.Fragment,null,[/^((https?):)?\/\//.test(t)?f.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:e}},null):f.createVNode("i",{class:`${n} ${n}-${t}`,style:{fontSize:e,color:r}},null)])}}),be=(t,e)=>{let r=null;return()=>{r&&clearTimeout(r),r=setTimeout(()=>{t==null||t()},e)}};const He=typeof window!="undefined";function Fe(t,e,r){document.addEventListener?t&&e&&r&&t.addEventListener(e,r,!1):t&&e&&r&&t.attachEvent("on"+e,r)}const D=Symbol("@@clickoutside"),ie=new Map;let we,ae=0,Oe=!0;function xe(t,e,r){return He&&Oe&&(Oe=!1,Fe(document,"mousedown",n=>{we=n}),Fe(document,"mouseup",n=>{for(const[i,a]of ie)a[D].documentHandler(n,we)})),function(n,i){!r||!e.instance||!n.target||!i.target||t.contains(n.target)||t.contains(i.target)||t===n.target||t[D].bindingFn&&t[D].bindingFn()}}const We={beforeMount:function(t,e,r){ae++,ie.set(ae,t),t[D]={nid:ae,documentHandler:xe(t,e,r),bindingFn:e.value}},updated:function(t,e,r){t[D].documentHandler=xe(t,e,r),t[D].bindingFn=e.value},unmounted:function(t){ie.delete(t[D].nid),delete t[D]}};var pr="";const Ke={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var Ge=f.defineComponent({name:"DPopover",directives:{clickoutside:We},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(t,e){const{slots:r}=e,n=f.ref(t.visible),{position:i,content:a,zIndex:o,trigger:s,popType:u,popoverStyle:O,mouseEnterDelay:v,mouseLeaveDelay:b,showAnimation:m,popMaxWidth:A}=f.toRefs(t),q=J({zIndex:o.value},O.value),l=s.value==="click",y=f.reactive(Ke[u.value]),V=l?function(){if(n.value){n.value=!1;return}n.value=!0}:null,F=be(()=>{n.value=!0},v.value),g=be(()=>{n.value=!1},b.value),p=l?null:F,d=l?null:g,w=()=>{n.value=!1};return A.value&&(q.maxWidth=`${A.value}px`),()=>{var x,j;return f.createVNode("div",{class:["devui-popover",i.value,{"devui-popover-animation":m.value,"devui-popover-isVisible":n.value}]},[f.withDirectives(f.createVNode("div",{class:"devui-popover-reference",onMouseenter:p,onMouseleave:d,onClick:V},[(x=r.reference)==null?void 0:x.call(r)]),[[f.resolveDirective("clickoutside"),w]]),f.createVNode("div",{class:["devui-popover-content",y.name?"is-icon":""],style:q},[y.name&&f.createVNode(f.resolveComponent("d-icon"),{name:y.name,color:y.color,class:"devui-popover-icon",size:"16px"},null),((j=r.content)==null?void 0:j.call(r))||f.createVNode("span",null,[a.value]),f.createVNode("span",{class:"after",style:q},null)])])}}}),yr="",L=f.defineComponent({name:"DFormLabel",props:Re,setup(t,e){const r=f.reactive(f.inject(Y,{})),n=f.reactive(r.labelData),i=f.computed(()=>n.layout==="horizontal").value,a=f.computed(()=>n.labelSize==="lg").value,o=f.computed(()=>n.labelSize==="sm").value,s=f.computed(()=>n.labelAlign==="center").value,u=f.computed(()=>n.labelAlign==="end").value,O=`form-label${i?o?" form-label_sm":a?" form-label_lg":" form-label_sd":""}${s?" form-label_center":u?" form-label_end":""}`,v=`${t.required?" devui-required":""}`,b={display:i?"inline":"inline-block"};return()=>{var m,A;return f.createVNode("span",{class:O,style:b},[f.createVNode("span",{class:v},[(A=(m=e.slots).default)==null?void 0:A.call(m),t.hasHelp&&t.helpTips&&f.createVNode(Ge,{content:t.helpTips,showAnimation:!1,position:"top",trigger:"hover"},{reference:()=>f.createVNode("span",{class:"form-label-help"},[f.createVNode(ve,{name:"helping",color:"#252b3a"},null)])})])])}}});function I(){return I=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},I.apply(this,arguments)}function Je(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,R(t,e)}function oe(t){return oe=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},oe(t)}function R(t,e){return R=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},R(t,e)}function Ue(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function Z(t,e,r){return Ue()?Z=Reflect.construct:Z=function(i,a,o){var s=[null];s.push.apply(s,a);var u=Function.bind.apply(i,s),O=new u;return o&&R(O,o.prototype),O},Z.apply(null,arguments)}function Ye(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function se(t){var e=typeof Map=="function"?new Map:void 0;return se=function(n){if(n===null||!Ye(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e!="undefined"){if(e.has(n))return e.get(n);e.set(n,i)}function i(){return Z(n,arguments,oe(this).constructor)}return i.prototype=Object.create(n.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),R(i,n)},se(t)}var Ze=/%[sdj%]/g,Xe=function(){};typeof process!="undefined"&&process.env;function fe(t){if(!t||!t.length)return null;var e={};return t.forEach(function(r){var n=r.field;e[n]=e[n]||[],e[n].push(r)}),e}function T(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var i=0,a=r.length;if(typeof t=="function")return t.apply(null,r);if(typeof t=="string"){var o=t.replace(Ze,function(s){if(s==="%%")return"%";if(i>=a)return s;switch(s){case"%s":return String(r[i++]);case"%d":return Number(r[i++]);case"%j":try{return JSON.stringify(r[i++])}catch{return"[Circular]"}break;default:return s}});return o}return t}function Qe(t){return t==="string"||t==="url"||t==="hex"||t==="email"||t==="date"||t==="pattern"}function S(t,e){return!!(t==null||e==="array"&&Array.isArray(t)&&!t.length||Qe(e)&&typeof t=="string"&&!t)}function et(t,e,r){var n=[],i=0,a=t.length;function o(s){n.push.apply(n,s||[]),i++,i===a&&r(n)}t.forEach(function(s){e(s,o)})}function Ae(t,e,r){var n=0,i=t.length;function a(o){if(o&&o.length){r(o);return}var s=n;n=n+1,s<i?e(t[s],a):r([])}a([])}function tt(t){var e=[];return Object.keys(t).forEach(function(r){e.push.apply(e,t[r]||[])}),e}var qe=function(t){Je(e,t);function e(r,n){var i;return i=t.call(this,"Async Validation Error")||this,i.errors=r,i.fields=n,i}return e}(se(Error));function rt(t,e,r,n,i){if(e.first){var a=new Promise(function(m,A){var q=function(c){return n(c),c.length?A(new qe(c,fe(c))):m(i)},l=tt(t);Ae(l,r,q)});return a.catch(function(m){return m}),a}var o=e.firstFields===!0?Object.keys(t):e.firstFields||[],s=Object.keys(t),u=s.length,O=0,v=[],b=new Promise(function(m,A){var q=function(y){if(v.push.apply(v,y),O++,O===u)return n(v),v.length?A(new qe(v,fe(v))):m(i)};s.length||(n(v),m(i)),s.forEach(function(l){var y=t[l];o.indexOf(l)!==-1?Ae(y,r,q):et(y,r,q)})});return b.catch(function(m){return m}),b}function nt(t){return!!(t&&t.message!==void 0)}function it(t,e){for(var r=t,n=0;n<e.length;n++){if(r==null)return r;r=r[e[n]]}return r}function Ee(t,e){return function(r){var n;return t.fullFields?n=it(e,t.fullFields):n=e[r.field||t.fullField],nt(r)?(r.field=r.field||t.fullField,r.fieldValue=n,r):{message:typeof r=="function"?r():r,fieldValue:n,field:r.field||t.fullField}}}function Se(t,e){if(e){for(var r in e)if(e.hasOwnProperty(r)){var n=e[r];typeof n=="object"&&typeof t[r]=="object"?t[r]=I({},t[r],n):t[r]=n}}return t}var je=function(e,r,n,i,a,o){e.required&&(!n.hasOwnProperty(e.field)||S(r,o||e.type))&&i.push(T(a.messages.required,e.fullField))},at=function(e,r,n,i,a){(/^\s+$/.test(r)||r==="")&&i.push(T(a.messages.whitespace,e.fullField))},ue={email:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i"),hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},B={integer:function(e){return B.number(e)&&parseInt(e,10)===e},float:function(e){return B.number(e)&&!B.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch{return!1}},date:function(e){return typeof e.getTime=="function"&&typeof e.getMonth=="function"&&typeof e.getYear=="function"&&!isNaN(e.getTime())},number:function(e){return isNaN(e)?!1:typeof e=="number"},object:function(e){return typeof e=="object"&&!B.array(e)},method:function(e){return typeof e=="function"},email:function(e){return typeof e=="string"&&e.length<=320&&!!e.match(ue.email)},url:function(e){return typeof e=="string"&&e.length<=2048&&!!e.match(ue.url)},hex:function(e){return typeof e=="string"&&!!e.match(ue.hex)}},ot=function(e,r,n,i,a){if(e.required&&r===void 0){je(e,r,n,i,a);return}var o=["integer","float","array","regexp","object","method","email","number","date","url","hex"],s=e.type;o.indexOf(s)>-1?B[s](r)||i.push(T(a.messages.types[s],e.fullField,e.type)):s&&typeof r!==e.type&&i.push(T(a.messages.types[s],e.fullField,e.type))},st=function(e,r,n,i,a){var o=typeof e.len=="number",s=typeof e.min=="number",u=typeof e.max=="number",O=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,v=r,b=null,m=typeof r=="number",A=typeof r=="string",q=Array.isArray(r);if(m?b="number":A?b="string":q&&(b="array"),!b)return!1;q&&(v=r.length),A&&(v=r.replace(O,"_").length),o?v!==e.len&&i.push(T(a.messages[b].len,e.fullField,e.len)):s&&!u&&v<e.min?i.push(T(a.messages[b].min,e.fullField,e.min)):u&&!s&&v>e.max?i.push(T(a.messages[b].max,e.fullField,e.max)):s&&u&&(v<e.min||v>e.max)&&i.push(T(a.messages[b].range,e.fullField,e.min,e.max))},$="enum",ft=function(e,r,n,i,a){e[$]=Array.isArray(e[$])?e[$]:[],e[$].indexOf(r)===-1&&i.push(T(a.messages[$],e.fullField,e[$].join(", ")))},ut=function(e,r,n,i,a){if(e.pattern){if(e.pattern instanceof RegExp)e.pattern.lastIndex=0,e.pattern.test(r)||i.push(T(a.messages.pattern.mismatch,e.fullField,r,e.pattern));else if(typeof e.pattern=="string"){var o=new RegExp(e.pattern);o.test(r)||i.push(T(a.messages.pattern.mismatch,e.fullField,r,e.pattern))}}},h={required:je,whitespace:at,type:ot,range:st,enum:ft,pattern:ut},ct=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r,"string")&&!e.required)return n();h.required(e,r,i,o,a,"string"),S(r,"string")||(h.type(e,r,i,o,a),h.range(e,r,i,o,a),h.pattern(e,r,i,o,a),e.whitespace===!0&&h.whitespace(e,r,i,o,a))}n(o)},lt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h.type(e,r,i,o,a)}n(o)},dt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(r===""&&(r=void 0),S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},mt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h.type(e,r,i,o,a)}n(o)},pt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),S(r)||h.type(e,r,i,o,a)}n(o)},yt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},gt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},ht=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(r==null&&!e.required)return n();h.required(e,r,i,o,a,"array"),r!=null&&(h.type(e,r,i,o,a),h.range(e,r,i,o,a))}n(o)},vt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h.type(e,r,i,o,a)}n(o)},bt="enum",Ft=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a),r!==void 0&&h[bt](e,r,i,o,a)}n(o)},wt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r,"string")&&!e.required)return n();h.required(e,r,i,o,a),S(r,"string")||h.pattern(e,r,i,o,a)}n(o)},Ot=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r,"date")&&!e.required)return n();if(h.required(e,r,i,o,a),!S(r,"date")){var u;r instanceof Date?u=r:u=new Date(r),h.type(e,u,i,o,a),u&&h.range(e,u.getTime(),i,o,a)}}n(o)},xt=function(e,r,n,i,a){var o=[],s=Array.isArray(r)?"array":typeof r;h.required(e,r,i,o,a,s),n(o)},ce=function(e,r,n,i,a){var o=e.type,s=[],u=e.required||!e.required&&i.hasOwnProperty(e.field);if(u){if(S(r,o)&&!e.required)return n();h.required(e,r,i,s,a,o),S(r,o)||h.type(e,r,i,s,a)}n(s)},At=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(S(r)&&!e.required)return n();h.required(e,r,i,o,a)}n(o)},k={string:ct,method:lt,number:dt,boolean:mt,regexp:pt,integer:yt,float:gt,array:ht,object:vt,enum:Ft,pattern:wt,date:Ot,url:ce,hex:ce,email:ce,required:xt,any:At};function le(){return{default:"Validation error on field %s",required:"%s is required",enum:"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s",boolean:"%s is not a %s",integer:"%s is not an %s",float:"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}var de=le(),M=function(){function t(r){this.rules=null,this._messages=de,this.define(r)}var e=t.prototype;return e.define=function(n){var i=this;if(!n)throw new Error("Cannot configure a schema with no rules");if(typeof n!="object"||Array.isArray(n))throw new Error("Rules must be an object");this.rules={},Object.keys(n).forEach(function(a){var o=n[a];i.rules[a]=Array.isArray(o)?o:[o]})},e.messages=function(n){return n&&(this._messages=Se(le(),n)),this._messages},e.validate=function(n,i,a){var o=this;i===void 0&&(i={}),a===void 0&&(a=function(){});var s=n,u=i,O=a;if(typeof u=="function"&&(O=u,u={}),!this.rules||Object.keys(this.rules).length===0)return O&&O(null,s),Promise.resolve(s);function v(l){var y=[],c={};function V(g){if(Array.isArray(g)){var p;y=(p=y).concat.apply(p,g)}else y.push(g)}for(var F=0;F<l.length;F++)V(l[F]);y.length?(c=fe(y),O(y,c)):O(null,s)}if(u.messages){var b=this.messages();b===de&&(b=le()),Se(b,u.messages),u.messages=b}else u.messages=this.messages();var m={},A=u.keys||Object.keys(this.rules);A.forEach(function(l){var y=o.rules[l],c=s[l];y.forEach(function(V){var F=V;typeof F.transform=="function"&&(s===n&&(s=I({},s)),c=s[l]=F.transform(c)),typeof F=="function"?F={validator:F}:F=I({},F),F.validator=o.getValidationMethod(F),!!F.validator&&(F.field=l,F.fullField=F.fullField||l,F.type=o.getType(F),m[l]=m[l]||[],m[l].push({rule:F,value:c,source:s,field:l}))})});var q={};return rt(m,u,function(l,y){var c=l.rule,V=(c.type==="object"||c.type==="array")&&(typeof c.fields=="object"||typeof c.defaultField=="object");V=V&&(c.required||!c.required&&l.value),c.field=l.field;function F(d,w){return I({},w,{fullField:c.fullField+"."+d,fullFields:c.fullFields?[].concat(c.fullFields,[d]):[d]})}function g(d){d===void 0&&(d=[]);var w=Array.isArray(d)?d:[d];!u.suppressWarning&&w.length&&t.warning("async-validator:",w),w.length&&c.message!==void 0&&(w=[].concat(c.message));var x=w.map(Ee(c,s));if(u.first&&x.length)return q[c.field]=1,y(x);if(!V)y(x);else{if(c.required&&!l.value)return c.message!==void 0?x=[].concat(c.message).map(Ee(c,s)):u.error&&(x=[u.error(c,T(u.messages.required,c.field))]),y(x);var j={};c.defaultField&&Object.keys(l.value).map(function(P){j[P]=c.defaultField}),j=I({},j,l.rule.fields);var ee={};Object.keys(j).forEach(function(P){var C=j[P],ur=Array.isArray(C)?C:[C];ee[P]=ur.map(F.bind(null,P))});var te=new t(ee);te.messages(u.messages),l.rule.options&&(l.rule.options.messages=u.messages,l.rule.options.error=u.error),te.validate(l.value,l.rule.options||u,function(P){var C=[];x&&x.length&&C.push.apply(C,x),P&&P.length&&C.push.apply(C,P),y(C.length?C:null)})}}var p;c.asyncValidator?p=c.asyncValidator(c,l.value,g,l.source,u):c.validator&&(p=c.validator(c,l.value,g,l.source,u),p===!0?g():p===!1?g(typeof c.message=="function"?c.message(c.fullField||c.field):c.message||(c.fullField||c.field)+" fails"):p instanceof Array?g(p):p instanceof Error&&g(p.message)),p&&p.then&&p.then(function(){return g()},function(d){return g(d)})},function(l){v(l)},s)},e.getType=function(n){if(n.type===void 0&&n.pattern instanceof RegExp&&(n.type="pattern"),typeof n.validator!="function"&&n.type&&!k.hasOwnProperty(n.type))throw new Error(T("Unknown rule type %s",n.type));return n.type||"string"},e.getValidationMethod=function(n){if(typeof n.validator=="function")return n.validator;var i=Object.keys(n),a=i.indexOf("message");return a!==-1&&i.splice(a,1),i.length===1&&i[0]==="required"?k.required:k[this.getType(n)]||void 0},t}();M.register=function(e,r){if(typeof r!="function")throw new Error("Cannot register a validator by type, validator is not a function");k[e]=r},M.warning=Xe,M.messages=de,M.validators=k;var gr="",z=f.defineComponent({name:"DFormItem",props:Le,setup(t,e){const r=N(),n=f.reactive(f.inject(Y,{})),i=f.reactive(n.formData),a=f.ref(n.columnsClass),o=i[t.prop],s=f.reactive(n.labelData),u=f.reactive(n.rules),O=()=>{i[t.prop]=o},v=f.reactive({dHasFeedback:t.dHasFeedback,prop:t.prop,formItemMitt:r,resetField:O});f.provide(ke,v);const b=s.layout==="horizontal",m=s.layout==="vertical",A=s.layout==="columns",q=f.ref(!1),l=f.ref(""),y=g=>{const p=t.prop,d=u[p],w={};w[p]=d,new M(w).validate({[p]:i[p]}).then(()=>{q.value=!1,l.value=""}).catch(({errors:j})=>{q.value=!0,l.value=j[0].message})},c=[],V=()=>{if(u&&u[t.prop]){const g=u[t.prop];let p=g.trigger;if(Array.isArray(g))g.forEach(d=>{p=d.trigger;const w=()=>y();c.push({eventName:w}),v.formItemMitt.on(ge[p],w)});else{const d=()=>y();c.push({eventName:d}),g&&v.formItemMitt.on(ge[p],d)}}},F=()=>{u&&u[t.prop]&&c.length>0&&c.forEach(g=>{v.formItemMitt.off(g.eventName,g.cb)})};return f.onMounted(()=>{n.formMitt.emit(U.addField,v),V()}),f.onBeforeUnmount(()=>{n.formMitt.emit(U.removeField,v),F()}),()=>{var g,p;return f.createVNode("div",{class:`form-item${b?"":m?" form-item-vertical":" form-item-columns"}${A?" column-item "+a.value:""}`},[(p=(g=e.slots).default)==null?void 0:p.call(g),f.createVNode("div",{class:`d-validate-tip${b?" d-validate-tip-horizontal":""}`},[q.value&&l.value])])}}}),hr="",H=f.defineComponent({name:"DFormControl",props:Be,setup(t,e){const r=f.ref(),n=f.reactive(f.inject(Y,{})),a=f.reactive(n.labelData).layout==="horizontal",o=f.computed(()=>{switch(t.feedbackStatus){case"pending":return{name:"priority",color:"#e9edfa"};case"success":return{name:"right-o",color:"rgb(61, 204, 166)"};case"error":return{name:"error-o",color:"rgb(249, 95, 91)"};default:return{name:"",color:""}}});return()=>{var O,v,b,m,A,q,l,y;const{feedbackStatus:s,extraInfo:u}=t;return f.createVNode("div",{class:"form-control",ref:r},[f.createVNode("div",{class:`devui-form-control-container${a?" devui-form-control-container-horizontal":""}${s?" has-feedback":""}${s==="error"?" feedback-error":""}`},[(v=(O=e.slots).default)==null?void 0:v.call(O),(s||((m=(b=e.slots).suffixTemplate)==null?void 0:m.call(b)))&&f.createVNode("span",{class:"feedback-status"},[((q=(A=e.slots).suffixTemplate)==null?void 0:q.call(A))?(y=(l=e.slots).suffixTemplate)==null?void 0:y.call(l):f.createVNode(ve,{name:o.value.name,color:o.value.color},null)])]),u&&f.createVNode("div",{class:"devui-form-control-extra-info"},[u])])}}}),vr="",W=f.defineComponent({name:"DFormOperation",props:{},setup(t,e){return()=>{var r,n;return f.createVNode("div",{class:"form-operation"},[(n=(r=e.slots).default)==null?void 0:n.call(r)])}}}),qt=typeof global=="object"&&global&&global.Object===Object&&global,Et=qt,St=typeof self=="object"&&self&&self.Object===Object&&self,jt=Et||St||Function("return this")(),Ve=jt,Vt=Ve.Symbol,X=Vt,Ne=Object.prototype,Nt=Ne.hasOwnProperty,Tt=Ne.toString,K=X?X.toStringTag:void 0;function Pt(t){var e=Nt.call(t,K),r=t[K];try{t[K]=void 0;var n=!0}catch{}var i=Tt.call(t);return n&&(e?t[K]=r:delete t[K]),i}var Ct=Object.prototype,Dt=Ct.toString;function It(t){return Dt.call(t)}var $t="[object Null]",Mt="[object Undefined]",Te=X?X.toStringTag:void 0;function _t(t){return t==null?t===void 0?Mt:$t:Te&&Te in Object(t)?Pt(t):It(t)}function Lt(t){return t!=null&&typeof t=="object"}var Rt="[object Symbol]";function Bt(t){return typeof t=="symbol"||Lt(t)&&_t(t)==Rt}var kt=/\s/;function zt(t){for(var e=t.length;e--&&kt.test(t.charAt(e)););return e}var Ht=/^\s+/;function Wt(t){return t&&t.slice(0,zt(t)+1).replace(Ht,"")}function me(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var Pe=0/0,Kt=/^[-+]0x[0-9a-f]+$/i,Gt=/^0b[01]+$/i,Jt=/^0o[0-7]+$/i,Ut=parseInt;function Ce(t){if(typeof t=="number")return t;if(Bt(t))return Pe;if(me(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=me(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=Wt(t);var r=Gt.test(t);return r||Jt.test(t)?Ut(t.slice(2),r?2:8):Kt.test(t)?Pe:+t}var Yt=function(){return Ve.Date.now()},pe=Yt,Zt="Expected a function",Xt=Math.max,Qt=Math.min;function er(t,e,r){var n,i,a,o,s,u,O=0,v=!1,b=!1,m=!0;if(typeof t!="function")throw new TypeError(Zt);e=Ce(e)||0,me(r)&&(v=!!r.leading,b="maxWait"in r,a=b?Xt(Ce(r.maxWait)||0,e):a,m="trailing"in r?!!r.trailing:m);function A(d){var w=n,x=i;return n=i=void 0,O=d,o=t.apply(x,w),o}function q(d){return O=d,s=setTimeout(c,e),v?A(d):o}function l(d){var w=d-u,x=d-O,j=e-w;return b?Qt(j,a-x):j}function y(d){var w=d-u,x=d-O;return u===void 0||w>=e||w<0||b&&x>=a}function c(){var d=pe();if(y(d))return V(d);s=setTimeout(c,l(d))}function V(d){return s=void 0,m&&n?A(d):(n=i=void 0,o)}function F(){s!==void 0&&clearTimeout(s),O=0,n=u=i=s=void 0}function g(){return s===void 0?o:V(pe())}function p(){var d=pe(),w=y(d);if(n=arguments,i=this,u=d,w){if(s===void 0)return q(u);if(b)return clearTimeout(s),s=setTimeout(c,e),A(u)}return s===void 0&&(s=setTimeout(c,e)),o}return p.cancel=F,p.flush=g,p}var br="",Q;(function(t){t.dirty="dirty",t.pristine="pristine"})(Q||(Q={}));var ye;(function(t){t.input="input",t.focus="focus",t.change="change",t.blur="blur",t.submit="submit"})(ye||(ye={}));var G;(function(t){t.popover="popover",t.text="text",t.none="none",t.toast="toast"})(G||(G={}));function tr(t,e){if(!t)return console.error("[v-d-validate] validator's key is invalid"),null;switch(t){case"maxlength":return{type:"string",max:e,asyncValidator:(r,n)=>new Promise((i,a)=>{n.length>e?a("\u6700\u5927\u957F\u5EA6\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"minlength":return{type:"string",min:e,asyncValidator:(r,n)=>new Promise((i,a)=>{n.length<e?a("\u6700\u5C0F\u957F\u5EA6\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"min":return{type:"number",asyncValidator:(r,n)=>new Promise((i,a)=>{n<e?a("\u6700\u5C0F\u503C\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"max":return{type:"number",asyncValidator:(r,n)=>new Promise((i,a)=>{n>e?a("\u6700\u5927\u503C\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"required":return{reqiured:!0,asyncValidator:(r,n)=>new Promise((i,a)=>{n?i("\u6821\u9A8C\u901A\u8FC7"):a("\u5FC5\u586B\u9879")})};case"requiredTrue":return{asyncValidator:(r,n)=>new Promise((i,a)=>{n?i("\u6821\u9A8C\u901A\u8FC7"):a("\u5FC5\u987B\u4E3Atrue\u503C")})};case"email":return{type:"email",message:"\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E"};case"pattern":return{type:"regexp",pattern:e,message:"\u53EA\u80FD\u5305\u542B\u6570\u5B57\u4E0E\u5927\u5C0F\u5199\u5B57\u7B26",validator:(r,n)=>e.test(n)};case"whitespace":return{message:"\u8F93\u5165\u4E0D\u80FD\u5168\u90E8\u4E3A\u7A7A\u683C\u6216\u7A7A\u5B57\u7B26",validator:(r,n)=>!!n.trim()};default:return{[t]:e}}}function rr(t){const e=[];for(const r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.push({key:r,value:t[r]});return e}function De(t){const e=[...t.classList];e.push("d-validate-rules-error-pristine"),t.setAttribute("class",e.join(" "))}function nr(t){const e=[...t.classList],r=e.indexOf("d-validate-rules-error-pristine");r!==-1&&e.splice(r,1),t.setAttribute("class",e.join(" "))}function ir({el:t,tipEl:e,message:r,isFormTag:n,messageShowType:i}){if(n&&i===G.toast){alert(r);return}e.innerText=""+r,e.style.display="inline-flex",e.setAttribute("class","d-validate-tip"),De(t)}function ar(t,e){e.style.display="none",nr(t)}function or(t){const e=t.instance.$refs,r=Object.keys(e)[0];return e[r].name}function Ie({validator:t,modelValue:e,el:r,tipEl:n,isFormTag:i,messageShowType:a}){t.validate({modelName:e}).then(()=>{ar(r,n)}).catch(o=>{const{errors:s}=o;if(!s||s.length===0)return;let u="";typeof s[0].message=="object"?u=s[0].message.default:u=s[0].message,ir({el:r,tipEl:n,message:u,isFormTag:i,messageShowType:a})})}var sr={mounted(t,e,r){const n=t.tagName==="FORM",i=re(e.value)&&ne(e.value,"options"),{rules:a,options:o={},messageShowType:s=G.popover}=e.value;let{errorStrategy:u}=e.value;const{updateOn:O=ye.change,errorStrategy:v=Q.dirty,asyncDebounceTime:b=300}=o;u||(u=v);let m={};i?m=a!=null?a:e.value:m=e.value;const A=m&&re(m)&&(ne(m,"validators")||ne(m,"asyncValidators")),q=Array.isArray(m)?m:[m],l=document.createElement("span");s!==G.none&&t.parentNode.append(l);const y={modelName:[]};if(q.forEach(g=>{const p=!Array.isArray(g)&&rr(g);let d={},w={};p.forEach(x=>{w=tr(x.key,x.value),d=J(J({},d),w)}),y.modelName.push(d)}),A){const{validators:g,asyncValidators:p}=m;g&&g.forEach(d=>{const w={message:(d==null?void 0:d.message)||"",validator:(x,j)=>d.validator(x,j)};y.modelName.push(w)}),p&&p.forEach(d=>{const w={message:(d==null?void 0:d.message)||"",asyncValidator:(x,j)=>new Promise(er((ee,te)=>{d.asyncValidator(x,j)?ee(""):te(x.message)},b))};y.modelName.push(w)})}const c=new M(y),V=g=>{const p=g.target.value;Ie({validator:c,modelValue:p,el:t,tipEl:l,isFormTag:!1,messageShowType:s})};r.children[0].el.addEventListener(O,V),u===Q.pristine&&(De(t),r.children[0].props.value=""+r.children[0].props.value);const F=or(e);F&&he.on(`formSubmit:${F}`,()=>{const g=n?"":r.children[0].el.value;Ie({validator:c,modelValue:g,el:t,tipEl:l,isFormTag:n,messageShowType:s})})}};_.install=function(t){t.component(_.name,_),t.directive("d-validate-rules",sr)},L.install=function(t){t.component(L.name,L)},z.install=function(t){t.component(z.name,z)},H.install=function(t){t.component(H.name,H)},W.install=function(t){t.component(W.name,W)};var fr={title:"Form \u8868\u5355",category:"\u6570\u636E\u5F55\u5165",status:"70%",install(t){t.use(_),t.use(L),t.use(z),t.use(H),t.use(W)}};E.Form=_,E.FormControl=H,E.FormItem=z,E.FormLabel=L,E.FormOperation=W,E.default=fr,Object.defineProperty(E,"__esModule",{value:!0}),E[Symbol.toStringTag]="Module"});
|
|
1
|
+
var Ar=Object.defineProperty;var ze=Object.getOwnPropertySymbols;var xr=Object.prototype.hasOwnProperty,qr=Object.prototype.propertyIsEnumerable;var He=(S,f,V)=>f in S?Ar(S,f,{enumerable:!0,configurable:!0,writable:!0,value:V}):S[f]=V,X=(S,f)=>{for(var V in f||(f={}))xr.call(f,V)&&He(S,V,f[V]);if(ze)for(var V of ze(f))qr.call(f,V)&&He(S,V,f[V]);return S};(function(S,f){typeof exports=="object"&&typeof module!="undefined"?f(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],f):(S=typeof globalThis!="undefined"?globalThis:S||self,f(S.index={},S.Vue))})(this,function(S,f){"use strict";function V(t){return{all:t=t||new Map,on:function(e,r){var n=t.get(e);n?n.push(r):t.set(e,[r])},off:function(e,r){var n=t.get(e);n&&(r?n.splice(n.indexOf(r)>>>0,1):t.set(e,[]))},emit:function(e,r){var n=t.get(e);n&&n.slice().map(function(i){i(r)}),(n=t.get("*"))&&n.slice().map(function(i){i(e,r)})}}}const We={formData:{type:Object,default:{}},layout:{type:String,default:"horizontal"},labelSize:{type:String,default:""},labelAlign:{type:String,default:"start"},rules:{type:Object,default:{}},columnsClass:{type:String,default:""},name:{type:String,default:""},messageShowType:{type:String,default:"popover"}},Ke={dHasFeedback:{type:Boolean,default:!1},prop:{type:String,default:""}},Ge={required:{type:Boolean,default:!1},hasHelp:{type:Boolean,default:!1},helpTips:{type:String,default:""}},Ue={feedbackStatus:{type:String,default:""},extraInfo:{type:String,default:""}},Q={addField:"d.form.addField",removeField:"d.form.removeField"},ee=Symbol("dForm"),Je=Symbol("dFormItem"),ve={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var Ye=V();const B=Ye;function ne(t){return Object.prototype.toString.call(t).slice(8,-1)==="Object"}function ie(t,e){return ne(t)?Object.prototype.hasOwnProperty.call(t,e):!1}var Sr="",z=f.defineComponent({name:"DForm",props:We,emits:["submit"],setup(t,e){const r=V(),n=[],i=()=>{n.forEach(o=>{o.resetField()})};return r.on(Q.addField,o=>{o&&n.push(o)}),r.on(Q.removeField,o=>{o.prop&&n.splice(n.indexOf(o),1)}),f.provide(ee,{formData:t.formData,formMitt:r,labelData:{layout:t.layout,labelSize:t.labelSize,labelAlign:t.labelAlign},rules:t.rules,columnsClass:t.columnsClass,messageShowType:"popover"}),{fields:n,formMitt:r,onSubmit:o=>{o.preventDefault(),e.emit("submit",o),B.emit(`formSubmit:${t.name}`)},resetFormFields:i}},render(){var e,r;const{onSubmit:t}=this;return f.createVNode("form",{onSubmit:t,class:"d-form"},[(r=(e=this.$slots).default)==null?void 0:r.call(e)])}}),be=f.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return X({},t)},render(){const{name:t,size:e,color:r,classPrefix:n}=this;return/^((https?):)?\/\//.test(t)?f.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:e}},null):f.createVNode("i",{class:`${n} ${n}-${t}`,style:{fontSize:e,color:r}},null)}}),Fe=(t,e)=>{let r=null;return()=>{r&&clearTimeout(r),r=setTimeout(()=>{t==null||t()},e)}};const Ze=typeof window!="undefined";function we(t,e,r){document.addEventListener?t&&e&&r&&t.addEventListener(e,r,!1):t&&e&&r&&t.attachEvent("on"+e,r)}const M=Symbol("@@clickoutside"),oe=new Map;let Oe,ae=0,Ae=!0;function xe(t,e,r){return Ze&&Ae&&(Ae=!1,we(document,"mousedown",n=>{Oe=n}),we(document,"mouseup",n=>{for(const[i,a]of oe)a[M].documentHandler(n,Oe)})),function(n,i){!r||!e.instance||!n.target||!i.target||t.contains(n.target)||t.contains(i.target)||t===n.target||t[M].bindingFn&&t[M].bindingFn()}}const Xe={beforeMount:function(t,e,r){ae++,oe.set(ae,t),t[M]={nid:ae,documentHandler:xe(t,e,r),bindingFn:e.value}},updated:function(t,e,r){t[M].documentHandler=xe(t,e,r),t[M].bindingFn=e.value},unmounted:function(t){oe.delete(t[M].nid),delete t[M]}};var Er="";const Qe={success:{name:"right-o",color:"rgb(61, 204, 166)"},error:{name:"error-o",color:"rgb(249, 95, 91)"},info:{name:"info-o",color:"rgb(81, 112, 255)"},warning:{name:"warning-o",color:"rgb(254, 204, 85)"},default:{}};var qe=f.defineComponent({name:"DPopover",directives:{clickoutside:Xe},props:{visible:{type:Boolean,default:!1},position:{type:String,default:"bottom"},content:{type:String,default:"default"},trigger:{type:String,default:"click"},zIndex:{type:Number,default:1060},popType:{type:String,default:"default"},showAnimation:{type:Boolean,default:!0},mouseEnterDelay:{type:Number,default:150},mouseLeaveDelay:{type:Number,default:100},popMaxWidth:{type:Number,default:void 0},popoverStyle:{type:Object,default:()=>({})}},setup(t,e){const{slots:r}=e,n=f.ref(t.visible),{position:i,content:a,zIndex:o,trigger:s,popType:u,popoverStyle:m,mouseEnterDelay:p,mouseLeaveDelay:y,showAnimation:O,popMaxWidth:q}=f.toRefs(t),w=X({zIndex:o.value},m.value),l=s.value==="click",v=f.reactive(Qe[u.value]),E=l?function(){if(n.value){n.value=!1;return}n.value=!0}:null,h=Fe(()=>{n.value=!0},p.value),b=Fe(()=>{n.value=!1},y.value),F=l?null:h,d=l?null:b,x=()=>{n.value=!1};return q.value&&(w.maxWidth=`${q.value}px`),()=>{var A,j;return f.createVNode("div",{class:["devui-popover",i.value,{"devui-popover-animation":O.value,"devui-popover-isVisible":n.value}]},[f.withDirectives(f.createVNode("div",{class:"devui-popover-reference",onMouseenter:F,onMouseleave:d,onClick:E},[(A=r.reference)==null?void 0:A.call(r)]),[[f.resolveDirective("clickoutside"),x]]),f.createVNode("div",{class:["devui-popover-content",v.name?"is-icon":""],style:w},[v.name&&f.createVNode(f.resolveComponent("d-icon"),{name:v.name,color:v.color,class:"devui-popover-icon",size:"16px"},null),((j=r.content)==null?void 0:j.call(r))||f.createVNode("span",null,[a.value]),f.createVNode("span",{class:"after",style:w},null)])])}}}),jr="",H=f.defineComponent({name:"DFormLabel",props:Ge,setup(t,e){const r=f.reactive(f.inject(ee,{})),n=f.reactive(r.labelData),i=f.computed(()=>n.layout==="horizontal").value,a=f.computed(()=>n.labelSize==="lg").value,o=f.computed(()=>n.labelSize==="sm").value,s=f.computed(()=>n.labelAlign==="center").value,u=f.computed(()=>n.labelAlign==="end").value,m=`form-label${i?o?" form-label_sm":a?" form-label_lg":" form-label_sd":""}${s?" form-label_center":u?" form-label_end":""}`,p=`${t.required?" devui-required":""}`,y={display:i?"inline":"inline-block"};return()=>{var O,q;return f.createVNode("span",{class:m,style:y},[f.createVNode("span",{class:p},[(q=(O=e.slots).default)==null?void 0:q.call(O),t.hasHelp&&t.helpTips&&f.createVNode(qe,{content:t.helpTips,showAnimation:!1,position:"top",trigger:"hover"},{reference:()=>f.createVNode("span",{class:"form-label-help"},[f.createVNode(be,{name:"helping",color:"#252b3a"},null)])})])])}}});function _(){return _=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},_.apply(this,arguments)}function et(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,W(t,e)}function se(t){return se=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},se(t)}function W(t,e){return W=Object.setPrototypeOf||function(n,i){return n.__proto__=i,n},W(t,e)}function tt(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function te(t,e,r){return tt()?te=Reflect.construct:te=function(i,a,o){var s=[null];s.push.apply(s,a);var u=Function.bind.apply(i,s),m=new u;return o&&W(m,o.prototype),m},te.apply(null,arguments)}function rt(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function fe(t){var e=typeof Map=="function"?new Map:void 0;return fe=function(n){if(n===null||!rt(n))return n;if(typeof n!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e!="undefined"){if(e.has(n))return e.get(n);e.set(n,i)}function i(){return te(n,arguments,se(this).constructor)}return i.prototype=Object.create(n.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),W(i,n)},fe(t)}var nt=/%[sdj%]/g,it=function(){};typeof process!="undefined"&&process.env;function ue(t){if(!t||!t.length)return null;var e={};return t.forEach(function(r){var n=r.field;e[n]=e[n]||[],e[n].push(r)}),e}function D(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var i=0,a=r.length;if(typeof t=="function")return t.apply(null,r);if(typeof t=="string"){var o=t.replace(nt,function(s){if(s==="%%")return"%";if(i>=a)return s;switch(s){case"%s":return String(r[i++]);case"%d":return Number(r[i++]);case"%j":try{return JSON.stringify(r[i++])}catch{return"[Circular]"}break;default:return s}});return o}return t}function ot(t){return t==="string"||t==="url"||t==="hex"||t==="email"||t==="date"||t==="pattern"}function P(t,e){return!!(t==null||e==="array"&&Array.isArray(t)&&!t.length||ot(e)&&typeof t=="string"&&!t)}function at(t,e,r){var n=[],i=0,a=t.length;function o(s){n.push.apply(n,s||[]),i++,i===a&&r(n)}t.forEach(function(s){e(s,o)})}function Se(t,e,r){var n=0,i=t.length;function a(o){if(o&&o.length){r(o);return}var s=n;n=n+1,s<i?e(t[s],a):r([])}a([])}function st(t){var e=[];return Object.keys(t).forEach(function(r){e.push.apply(e,t[r]||[])}),e}var Ee=function(t){et(e,t);function e(r,n){var i;return i=t.call(this,"Async Validation Error")||this,i.errors=r,i.fields=n,i}return e}(fe(Error));function ft(t,e,r,n,i){if(e.first){var a=new Promise(function(O,q){var w=function(c){return n(c),c.length?q(new Ee(c,ue(c))):O(i)},l=st(t);Se(l,r,w)});return a.catch(function(O){return O}),a}var o=e.firstFields===!0?Object.keys(t):e.firstFields||[],s=Object.keys(t),u=s.length,m=0,p=[],y=new Promise(function(O,q){var w=function(v){if(p.push.apply(p,v),m++,m===u)return n(p),p.length?q(new Ee(p,ue(p))):O(i)};s.length||(n(p),O(i)),s.forEach(function(l){var v=t[l];o.indexOf(l)!==-1?Se(v,r,w):at(v,r,w)})});return y.catch(function(O){return O}),y}function ut(t){return!!(t&&t.message!==void 0)}function ct(t,e){for(var r=t,n=0;n<e.length;n++){if(r==null)return r;r=r[e[n]]}return r}function je(t,e){return function(r){var n;return t.fullFields?n=ct(e,t.fullFields):n=e[r.field||t.fullField],ut(r)?(r.field=r.field||t.fullField,r.fieldValue=n,r):{message:typeof r=="function"?r():r,fieldValue:n,field:r.field||t.fullField}}}function Pe(t,e){if(e){for(var r in e)if(e.hasOwnProperty(r)){var n=e[r];typeof n=="object"&&typeof t[r]=="object"?t[r]=_({},t[r],n):t[r]=n}}return t}var Ne=function(e,r,n,i,a,o){e.required&&(!n.hasOwnProperty(e.field)||P(r,o||e.type))&&i.push(D(a.messages.required,e.fullField))},lt=function(e,r,n,i,a){(/^\s+$/.test(r)||r==="")&&i.push(D(a.messages.whitespace,e.fullField))},ce={email:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i"),hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},K={integer:function(e){return K.number(e)&&parseInt(e,10)===e},float:function(e){return K.number(e)&&!K.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch{return!1}},date:function(e){return typeof e.getTime=="function"&&typeof e.getMonth=="function"&&typeof e.getYear=="function"&&!isNaN(e.getTime())},number:function(e){return isNaN(e)?!1:typeof e=="number"},object:function(e){return typeof e=="object"&&!K.array(e)},method:function(e){return typeof e=="function"},email:function(e){return typeof e=="string"&&e.length<=320&&!!e.match(ce.email)},url:function(e){return typeof e=="string"&&e.length<=2048&&!!e.match(ce.url)},hex:function(e){return typeof e=="string"&&!!e.match(ce.hex)}},dt=function(e,r,n,i,a){if(e.required&&r===void 0){Ne(e,r,n,i,a);return}var o=["integer","float","array","regexp","object","method","email","number","date","url","hex"],s=e.type;o.indexOf(s)>-1?K[s](r)||i.push(D(a.messages.types[s],e.fullField,e.type)):s&&typeof r!==e.type&&i.push(D(a.messages.types[s],e.fullField,e.type))},pt=function(e,r,n,i,a){var o=typeof e.len=="number",s=typeof e.min=="number",u=typeof e.max=="number",m=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,p=r,y=null,O=typeof r=="number",q=typeof r=="string",w=Array.isArray(r);if(O?y="number":q?y="string":w&&(y="array"),!y)return!1;w&&(p=r.length),q&&(p=r.replace(m,"_").length),o?p!==e.len&&i.push(D(a.messages[y].len,e.fullField,e.len)):s&&!u&&p<e.min?i.push(D(a.messages[y].min,e.fullField,e.min)):u&&!s&&p>e.max?i.push(D(a.messages[y].max,e.fullField,e.max)):s&&u&&(p<e.min||p>e.max)&&i.push(D(a.messages[y].range,e.fullField,e.min,e.max))},L="enum",mt=function(e,r,n,i,a){e[L]=Array.isArray(e[L])?e[L]:[],e[L].indexOf(r)===-1&&i.push(D(a.messages[L],e.fullField,e[L].join(", ")))},yt=function(e,r,n,i,a){if(e.pattern){if(e.pattern instanceof RegExp)e.pattern.lastIndex=0,e.pattern.test(r)||i.push(D(a.messages.pattern.mismatch,e.fullField,r,e.pattern));else if(typeof e.pattern=="string"){var o=new RegExp(e.pattern);o.test(r)||i.push(D(a.messages.pattern.mismatch,e.fullField,r,e.pattern))}}},g={required:Ne,whitespace:lt,type:dt,range:pt,enum:mt,pattern:yt},gt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r,"string")&&!e.required)return n();g.required(e,r,i,o,a,"string"),P(r,"string")||(g.type(e,r,i,o,a),g.range(e,r,i,o,a),g.pattern(e,r,i,o,a),e.whitespace===!0&&g.whitespace(e,r,i,o,a))}n(o)},ht=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(e,r,i,o,a)}n(o)},vt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(r===""&&(r=void 0),P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(e,r,i,o,a))}n(o)},bt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(e,r,i,o,a)}n(o)},Ft=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),P(r)||g.type(e,r,i,o,a)}n(o)},wt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(e,r,i,o,a))}n(o)},Ot=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&(g.type(e,r,i,o,a),g.range(e,r,i,o,a))}n(o)},At=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(r==null&&!e.required)return n();g.required(e,r,i,o,a,"array"),r!=null&&(g.type(e,r,i,o,a),g.range(e,r,i,o,a))}n(o)},xt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g.type(e,r,i,o,a)}n(o)},qt="enum",St=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a),r!==void 0&&g[qt](e,r,i,o,a)}n(o)},Et=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r,"string")&&!e.required)return n();g.required(e,r,i,o,a),P(r,"string")||g.pattern(e,r,i,o,a)}n(o)},jt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r,"date")&&!e.required)return n();if(g.required(e,r,i,o,a),!P(r,"date")){var u;r instanceof Date?u=r:u=new Date(r),g.type(e,u,i,o,a),u&&g.range(e,u.getTime(),i,o,a)}}n(o)},Pt=function(e,r,n,i,a){var o=[],s=Array.isArray(r)?"array":typeof r;g.required(e,r,i,o,a,s),n(o)},le=function(e,r,n,i,a){var o=e.type,s=[],u=e.required||!e.required&&i.hasOwnProperty(e.field);if(u){if(P(r,o)&&!e.required)return n();g.required(e,r,i,s,a,o),P(r,o)||g.type(e,r,i,s,a)}n(s)},Nt=function(e,r,n,i,a){var o=[],s=e.required||!e.required&&i.hasOwnProperty(e.field);if(s){if(P(r)&&!e.required)return n();g.required(e,r,i,o,a)}n(o)},G={string:gt,method:ht,number:vt,boolean:bt,regexp:Ft,integer:wt,float:Ot,array:At,object:xt,enum:St,pattern:Et,date:jt,url:le,hex:le,email:le,required:Pt,any:Nt};function de(){return{default:"Validation error on field %s",required:"%s is required",enum:"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s",boolean:"%s is not a %s",integer:"%s is not an %s",float:"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}var pe=de(),R=function(){function t(r){this.rules=null,this._messages=pe,this.define(r)}var e=t.prototype;return e.define=function(n){var i=this;if(!n)throw new Error("Cannot configure a schema with no rules");if(typeof n!="object"||Array.isArray(n))throw new Error("Rules must be an object");this.rules={},Object.keys(n).forEach(function(a){var o=n[a];i.rules[a]=Array.isArray(o)?o:[o]})},e.messages=function(n){return n&&(this._messages=Pe(de(),n)),this._messages},e.validate=function(n,i,a){var o=this;i===void 0&&(i={}),a===void 0&&(a=function(){});var s=n,u=i,m=a;if(typeof u=="function"&&(m=u,u={}),!this.rules||Object.keys(this.rules).length===0)return m&&m(null,s),Promise.resolve(s);function p(l){var v=[],c={};function E(b){if(Array.isArray(b)){var F;v=(F=v).concat.apply(F,b)}else v.push(b)}for(var h=0;h<l.length;h++)E(l[h]);v.length?(c=ue(v),m(v,c)):m(null,s)}if(u.messages){var y=this.messages();y===pe&&(y=de()),Pe(y,u.messages),u.messages=y}else u.messages=this.messages();var O={},q=u.keys||Object.keys(this.rules);q.forEach(function(l){var v=o.rules[l],c=s[l];v.forEach(function(E){var h=E;typeof h.transform=="function"&&(s===n&&(s=_({},s)),c=s[l]=h.transform(c)),typeof h=="function"?h={validator:h}:h=_({},h),h.validator=o.getValidationMethod(h),!!h.validator&&(h.field=l,h.fullField=h.fullField||l,h.type=o.getType(h),O[l]=O[l]||[],O[l].push({rule:h,value:c,source:s,field:l}))})});var w={};return ft(O,u,function(l,v){var c=l.rule,E=(c.type==="object"||c.type==="array")&&(typeof c.fields=="object"||typeof c.defaultField=="object");E=E&&(c.required||!c.required&&l.value),c.field=l.field;function h(d,x){return _({},x,{fullField:c.fullField+"."+d,fullFields:c.fullFields?[].concat(c.fullFields,[d]):[d]})}function b(d){d===void 0&&(d=[]);var x=Array.isArray(d)?d:[d];!u.suppressWarning&&x.length&&t.warning("async-validator:",x),x.length&&c.message!==void 0&&(x=[].concat(c.message));var A=x.map(je(c,s));if(u.first&&A.length)return w[c.field]=1,v(A);if(!E)v(A);else{if(c.required&&!l.value)return c.message!==void 0?A=[].concat(c.message).map(je(c,s)):u.error&&(A=[u.error(c,D(u.messages.required,c.field))]),v(A);var j={};c.defaultField&&Object.keys(l.value).map(function(N){j[N]=c.defaultField}),j=_({},j,l.rule.fields);var T={};Object.keys(j).forEach(function(N){var C=j[N],he=Array.isArray(C)?C:[C];T[N]=he.map(h.bind(null,N))});var I=new t(T);I.messages(u.messages),l.rule.options&&(l.rule.options.messages=u.messages,l.rule.options.error=u.error),I.validate(l.value,l.rule.options||u,function(N){var C=[];A&&A.length&&C.push.apply(C,A),N&&N.length&&C.push.apply(C,N),v(C.length?C:null)})}}var F;c.asyncValidator?F=c.asyncValidator(c,l.value,b,l.source,u):c.validator&&(F=c.validator(c,l.value,b,l.source,u),F===!0?b():F===!1?b(typeof c.message=="function"?c.message(c.fullField||c.field):c.message||(c.fullField||c.field)+" fails"):F instanceof Array?b(F):F instanceof Error&&b(F.message)),F&&F.then&&F.then(function(){return b()},function(d){return b(d)})},function(l){p(l)},s)},e.getType=function(n){if(n.type===void 0&&n.pattern instanceof RegExp&&(n.type="pattern"),typeof n.validator!="function"&&n.type&&!G.hasOwnProperty(n.type))throw new Error(D("Unknown rule type %s",n.type));return n.type||"string"},e.getValidationMethod=function(n){if(typeof n.validator=="function")return n.validator;var i=Object.keys(n),a=i.indexOf("message");return a!==-1&&i.splice(a,1),i.length===1&&i[0]==="required"?G.required:G[this.getType(n)]||void 0},t}();R.register=function(e,r){if(typeof r!="function")throw new Error("Cannot register a validator by type, validator is not a function");G[e]=r},R.warning=it,R.messages=pe,R.validators=G;var Pr="",U=f.defineComponent({name:"DFormItem",props:Ke,setup(t,e){const r=V(),n=f.reactive(f.inject(ee,{})),i=f.reactive(n.formData),a=f.ref(n.columnsClass),o=i[t.prop],s=f.reactive(n.labelData),u=f.reactive(n.rules),m=()=>{i[t.prop]=o},p=f.reactive({dHasFeedback:t.dHasFeedback,prop:t.prop,formItemMitt:r,resetField:m});f.provide(Je,p);const y=s.layout==="horizontal",O=s.layout==="vertical",q=s.layout==="columns",w=f.ref(!1),l=f.ref(""),v=b=>{const F=t.prop,d=u[F],x={};x[F]=d,new R(x).validate({[F]:i[F]}).then(()=>{w.value=!1,l.value=""}).catch(({errors:j})=>{w.value=!0,l.value=j[0].message})},c=[],E=()=>{if(u&&u[t.prop]){const b=u[t.prop];let F=b.trigger;if(Array.isArray(b))b.forEach(d=>{F=d.trigger;const x=()=>v();c.push({eventName:x}),p.formItemMitt.on(ve[F],x)});else{const d=()=>v();c.push({eventName:d}),b&&p.formItemMitt.on(ve[F],d)}}},h=()=>{u&&u[t.prop]&&c.length>0&&c.forEach(b=>{p.formItemMitt.off(b.eventName,b.cb)})};return f.onMounted(()=>{n.formMitt.emit(Q.addField,p),E()}),f.onBeforeUnmount(()=>{n.formMitt.emit(Q.removeField,p),h()}),()=>{var b,F;return f.createVNode("div",{class:`form-item${y?"":O?" form-item-vertical":" form-item-columns"}${q?" column-item "+a.value:""}`},[(F=(b=e.slots).default)==null?void 0:F.call(b),f.createVNode("div",{class:`d-validate-tip${y?" d-validate-tip-horizontal":""}`},[w.value&&l.value])])}}}),Tt=typeof global=="object"&&global&&global.Object===Object&&global,Vt=Tt,Ct=typeof self=="object"&&self&&self.Object===Object&&self,Dt=Vt||Ct||Function("return this")(),Te=Dt,It=Te.Symbol,k=It,Ve=Object.prototype,Mt=Ve.hasOwnProperty,$t=Ve.toString,J=k?k.toStringTag:void 0;function _t(t){var e=Mt.call(t,J),r=t[J];try{t[J]=void 0;var n=!0}catch{}var i=$t.call(t);return n&&(e?t[J]=r:delete t[J]),i}var Lt=Object.prototype,Rt=Lt.toString;function kt(t){return Rt.call(t)}var Bt="[object Null]",zt="[object Undefined]",Ce=k?k.toStringTag:void 0;function Ht(t){return t==null?t===void 0?zt:Bt:Ce&&Ce in Object(t)?_t(t):kt(t)}function Wt(t){return t!=null&&typeof t=="object"}var Kt="[object Symbol]";function De(t){return typeof t=="symbol"||Wt(t)&&Ht(t)==Kt}function Gt(t,e){for(var r=-1,n=t==null?0:t.length,i=Array(n);++r<n;)i[r]=e(t[r],r,t);return i}var Ut=Array.isArray,Jt=Ut,Yt=1/0,Ie=k?k.prototype:void 0,Me=Ie?Ie.toString:void 0;function $e(t){if(typeof t=="string")return t;if(Jt(t))return Gt(t,$e)+"";if(De(t))return Me?Me.call(t):"";var e=t+"";return e=="0"&&1/t==-Yt?"-0":e}var Zt=/\s/;function Xt(t){for(var e=t.length;e--&&Zt.test(t.charAt(e)););return e}var Qt=/^\s+/;function er(t){return t&&t.slice(0,Xt(t)+1).replace(Qt,"")}function me(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var _e=0/0,tr=/^[-+]0x[0-9a-f]+$/i,rr=/^0b[01]+$/i,nr=/^0o[0-7]+$/i,ir=parseInt;function Le(t){if(typeof t=="number")return t;if(De(t))return _e;if(me(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=me(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=er(t);var r=rr.test(t);return r||nr.test(t)?ir(t.slice(2),r?2:8):tr.test(t)?_e:+t}function or(t){return t==null?"":$e(t)}var ar=function(){return Te.Date.now()},ye=ar,sr="Expected a function",fr=Math.max,ur=Math.min;function cr(t,e,r){var n,i,a,o,s,u,m=0,p=!1,y=!1,O=!0;if(typeof t!="function")throw new TypeError(sr);e=Le(e)||0,me(r)&&(p=!!r.leading,y="maxWait"in r,a=y?fr(Le(r.maxWait)||0,e):a,O="trailing"in r?!!r.trailing:O);function q(d){var x=n,A=i;return n=i=void 0,m=d,o=t.apply(A,x),o}function w(d){return m=d,s=setTimeout(c,e),p?q(d):o}function l(d){var x=d-u,A=d-m,j=e-x;return y?ur(j,a-A):j}function v(d){var x=d-u,A=d-m;return u===void 0||x>=e||x<0||y&&A>=a}function c(){var d=ye();if(v(d))return E(d);s=setTimeout(c,l(d))}function E(d){return s=void 0,O&&n?q(d):(n=i=void 0,o)}function h(){s!==void 0&&clearTimeout(s),m=0,n=u=i=s=void 0}function b(){return s===void 0?o:E(ye())}function F(){var d=ye(),x=v(d);if(n=arguments,i=this,u=d,x){if(s===void 0)return w(u);if(y)return clearTimeout(s),s=setTimeout(c,e),q(u)}return s===void 0&&(s=setTimeout(c,e)),o}return F.cancel=h,F.flush=b,F}var lr=0;function dr(t){var e=++lr;return or(t)+e}var Nr="",Y=f.defineComponent({name:"DFormControl",props:Ue,setup(t,e){const r=f.ref(),n=f.reactive(f.inject(ee,{})),a=f.reactive(n.labelData).layout==="horizontal",o=dr("dfc-"),s=f.ref(!1),u=f.ref(""),m=f.ref("bottom");f.onMounted(()=>{B.on("showPopoverErrorMessage",y=>{o===y.uid&&(s.value=y.showPopover,u.value=y.message,m.value=y.popPosition)})});const p=f.computed(()=>{switch(t.feedbackStatus){case"pending":return{name:"priority",color:"#e9edfa"};case"success":return{name:"right-o",color:"rgb(61, 204, 166)"};case"error":return{name:"error-o",color:"rgb(249, 95, 91)"};default:return{name:"",color:""}}});return()=>{var q,w,l,v,c,E,h,b;const{feedbackStatus:y,extraInfo:O}=t;return f.createVNode("div",{class:"form-control",ref:r,"data-uid":o},[f.createVNode("div",{class:`devui-form-control-container${a?" devui-form-control-container-horizontal":""}${y?" has-feedback":""}${y==="error"?" feedback-error":""}`},[f.createVNode("div",{class:`devui-control-content-wrapper ${s.value?"with-popover":""}`},[(w=(q=e.slots).default)==null?void 0:w.call(q),s.value&&f.createVNode("div",{class:"devui-popover-wrapper"},[f.createVNode(qe,{visible:!0,content:u.value,popType:"error",position:m.value},null)])]),(y||((v=(l=e.slots).suffixTemplate)==null?void 0:v.call(l)))&&f.createVNode("span",{class:"feedback-status"},[((E=(c=e.slots).suffixTemplate)==null?void 0:E.call(c))?(b=(h=e.slots).suffixTemplate)==null?void 0:b.call(h):f.createVNode(be,{name:p.value.name,color:p.value.color},null)])]),O&&f.createVNode("div",{class:"devui-form-control-extra-info"},[O])])}}}),Tr="",Z=f.defineComponent({name:"DFormOperation",props:{},setup(t,e){return()=>{var r,n;return f.createVNode("div",{class:"form-operation"},[(n=(r=e.slots).default)==null?void 0:n.call(r)])}}}),Vr="",re;(function(t){t.dirty="dirty",t.pristine="pristine"})(re||(re={}));var ge;(function(t){t.input="input",t.focus="focus",t.change="change",t.blur="blur",t.submit="submit"})(ge||(ge={}));var $;(function(t){t.popover="popover",t.text="text",t.none="none",t.toast="toast"})($||($={}));function pr(t,e){if(!t)return console.error("[v-d-validate] validator's key is invalid"),null;switch(t){case"maxlength":return{type:"string",max:e,asyncValidator:(r,n)=>new Promise((i,a)=>{n.length>e?a("\u6700\u5927\u957F\u5EA6\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"minlength":return{type:"string",min:e,asyncValidator:(r,n)=>new Promise((i,a)=>{n.length<e?a("\u6700\u5C0F\u957F\u5EA6\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"min":return{type:"number",asyncValidator:(r,n)=>new Promise((i,a)=>{n<e?a("\u6700\u5C0F\u503C\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"max":return{type:"number",asyncValidator:(r,n)=>new Promise((i,a)=>{n>e?a("\u6700\u5927\u503C\u4E3A"+e):i("\u6821\u9A8C\u901A\u8FC7")})};case"required":return{reqiured:!0,asyncValidator:(r,n)=>new Promise((i,a)=>{n?i("\u6821\u9A8C\u901A\u8FC7"):a("\u5FC5\u586B\u9879")})};case"requiredTrue":return{asyncValidator:(r,n)=>new Promise((i,a)=>{n?i("\u6821\u9A8C\u901A\u8FC7"):a("\u5FC5\u987B\u4E3Atrue\u503C")})};case"email":return{type:"email",message:"\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E"};case"pattern":return{type:"regexp",pattern:e,message:"\u53EA\u80FD\u5305\u542B\u6570\u5B57\u4E0E\u5927\u5C0F\u5199\u5B57\u7B26",validator:(r,n)=>e.test(n)};case"whitespace":return{message:"\u8F93\u5165\u4E0D\u80FD\u5168\u90E8\u4E3A\u7A7A\u683C\u6216\u7A7A\u5B57\u7B26",validator:(r,n)=>!!n.trim()};default:return{[t]:e}}}function mr(t){const e=[];for(const r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.push({key:r,value:t[r]});return e}function Re(t){const e=[...t.classList];e.push("d-validate-rules-error-pristine"),t.setAttribute("class",e.join(" "))}function yr(t){const e=[...t.classList],r=e.indexOf("d-validate-rules-error-pristine");r!==-1&&e.splice(r,1),t.setAttribute("class",e.join(" "))}function gr({el:t,tipEl:e,message:r,isFormTag:n,messageShowType:i,dfcUID:a,popPosition:o="right-bottom"}){if(n&&i===$.toast){alert(r);return}if($.popover===i){B.emit("showPopoverErrorMessage",{showPopover:!0,message:r,uid:a,popPosition:o});return}e.innerText=""+r,e.style.display="inline-flex",e.setAttribute("class","d-validate-tip"),Re(t)}function hr(t,e){e.style.display="none",yr(t)}function vr(t){const e=t.instance.$refs;return Object.keys(e)[0]}function br(t){const e=t.instance.$refs,r=Object.keys(e)[0];return e[r].name}function ke({validator:t,modelValue:e,el:r,tipEl:n,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s}){t.validate({modelName:e}).then(()=>{hr(r,n)}).catch(u=>{const{errors:m}=u;if(!m||m.length===0)return;let p="";typeof m[0].message=="object"?p=m[0].message.default:p=m[0].message,gr({el:r,tipEl:n,message:p,isFormTag:i,messageShowType:a,dfcUID:o,popPosition:s})})}function Be(t){const r=["left","right","top","bottom","left-top","left-bottom","top-left","top-right","right-top","right-bottom","bottom-left","bottom-right"].includes(t);return!r&&console.warn(`invalid popPosition value '${t}'.`),r}var Fr={mounted(t,e,r){var x;const n=t.tagName==="FORM",i=t.parentNode.parentNode.parentElement.dataset.uid,a=vr(e),o=ne(e.value)&&ie(e.value,"options");let{rules:s,options:u={},messageShowType:m=$.popover}=e.value,{errorStrategy:p}=e.value;a&&(m=(x=e.instance[a].messageShowType)!=null?x:"popover");let{updateOn:y=ge.change,errorStrategy:O=re.dirty,asyncDebounceTime:q=300,popPosition:w=["right","bottom"]}=u;m===$.popover&&(Array.isArray(w)&&(w=w.length>1?w.join("-"):w[0]),Be(w)||(w="right-bottom")),p||(p=O);let l={};o?l=s!=null?s:e.value:l=e.value;const v=l&&ne(l)&&(ie(l,"validators")||ie(l,"asyncValidators")),c=Array.isArray(l)?l:[l],E=document.createElement("span");m!==$.none&&t.parentNode.append(E);const h={modelName:[]};if(c.forEach(A=>{const j=!Array.isArray(A)&&mr(A);let T={},I={};j.forEach(N=>{I=pr(N.key,N.value),T=X(X({},T),I)}),h.modelName.push(T)}),v){const{validators:A,asyncValidators:j}=l;A&&A.forEach(T=>{const I={message:(T==null?void 0:T.message)||"",validator:(N,C)=>T.validator(N,C)};h.modelName.push(I)}),j&&j.forEach(T=>{const I={message:(T==null?void 0:T.message)||"",asyncValidator:(N,C)=>new Promise(cr((he,Or)=>{T.asyncValidator(N,C)?he(""):Or(N.message)},q))};h.modelName.push(I)})}const b=new R(h),F=A=>{const j=A.target.value;m===$.popover&&B.emit("showPopoverErrorMessage",{showPopover:!1,message:"",uid:i}),ke({validator:b,modelValue:j,el:t,tipEl:E,isFormTag:!1,messageShowType:m,dfcUID:i,popPosition:w})};r.children[0].el.addEventListener(y,F),p===re.pristine&&(Re(t),r.children[0].props.value=""+r.children[0].props.value);const d=br(e);d&&B.on(`formSubmit:${d}`,()=>{const A=n?"":r.children[0].el.value;ke({validator:b,modelValue:A,el:t,tipEl:E,isFormTag:n,messageShowType:m})})}};z.install=function(t){t.component(z.name,z),t.directive("d-validate-rules",Fr)},H.install=function(t){t.component(H.name,H)},U.install=function(t){t.component(U.name,U)},Y.install=function(t){t.component(Y.name,Y)},Z.install=function(t){t.component(Z.name,Z)};var wr={title:"Form \u8868\u5355",category:"\u6570\u636E\u5F55\u5165",status:"75%",install(t){t.use(z),t.use(H),t.use(U),t.use(Y),t.use(Z)}};S.Form=z,S.FormControl=Y,S.FormItem=U,S.FormLabel=H,S.FormOperation=Z,S.default=wr,Object.defineProperty(S,"__esModule",{value:!0}),S[Symbol.toStringTag]="Module"});
|
package/form/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-form{position:relative}.devui-popover{position:relative;display:inline-flex}.devui-popover.devui-popover-isVisible .devui-popover-content{display:inline-flex}.devui-popover .devui-popover-content{position:absolute;display:none;padding:5px 14px;align-items:center;flex-wrap:wrap;white-space:nowrap;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover .devui-popover-content .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-popover .devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover .devui-popover-content .devui-popover-icon{margin-right:5px}@keyframes some-animation{0%{opacity:0;display:inline-flex}to{opacity:1}}.devui-popover.devui-popover-animation .devui-popover-content{animation:some-animation .5s var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1)) 1 forwards}.devui-popover.left .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:50%;transform:translate(-100%,-50%)}.devui-popover.left .after{right:-6px;top:50%;margin-top:-6px;margin-left:-8px}.devui-popover.left-top .devui-popover-content{left:-8px;top:0;transform:translate(-100%)}.devui-popover.left-top .after{right:-6px;top:50%;margin-left:-8px;top:8px;margin-top:auto}.devui-popover.left-bottom .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:auto;bottom:0}.devui-popover.left-bottom .after{right:-6px;top:50%;margin-left:-8px;bottom:8px;margin-top:auto}.devui-popover.top .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:50%;transform:translate(-50%,-100%)}.devui-popover.top .after{left:50%;bottom:-6px;margin-left:-6px}.devui-popover.top-left .devui-popover-content{top:-8px;left:0;transform:translateY(-100%)}.devui-popover.top-left .after{bottom:-6px;left:8px;margin-left:auto;margin-right:-6px}.devui-popover.top-right .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:auto;right:0}.devui-popover.top-right .after{bottom:-6px;margin-left:-6px;right:8px}.devui-popover.right .devui-popover-content{right:-8px;top:50%;transform:translate(100%);transform:translate(100%,-50%)}.devui-popover.right .after{left:-6px;margin-right:-6px;top:8px;top:50%;margin-top:-6px}.devui-popover.right-top .devui-popover-content{right:-8px;top:50%;transform:translate(100%);top:0}.devui-popover.right-top .after{left:-6px;margin-right:-6px;top:8px}.devui-popover.right-bottom .devui-popover-content{right:-8px;top:50%;transform:translate(100%);bottom:0;top:auto}.devui-popover.right-bottom .after{left:-6px;margin-right:-6px;top:8px;top:auto;bottom:8px}.devui-popover.bottom .devui-popover-content{left:0;margin-bottom:-6px;transform:translateY(100%);left:50%;bottom:0;transform:translate(-50%,100%)}.devui-popover.bottom .after{left:8px;top:-6px;margin-bottom:-6px;left:50%;margin-right:auto;margin-left:-6px}.devui-popover.bottom-left .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%)}.devui-popover.bottom-left .after{left:8px;top:-6px;margin-bottom:-6px;margin-right:-6px}.devui-popover.bottom-right .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%);left:auto;right:0}.devui-popover.bottom-right .after{left:8px;top:-6px;margin-bottom:-6px;left:auto;margin-right:auto;right:8px;margin-left:-6px}.form-label{-moz-box-flex:1;text-align:left;padding-bottom:8px;justify-content:flex-start;align-self:flex-start;margin-right:16px}.form-label .devui-required{display:inline-flex;align-items:center}.form-label .devui-required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.form-label_sm{width:80px;min-width:80px}.form-label_sd{width:100px;min-width:100px}.form-label_lg{width:150px;min-width:150px}.form-label_center{text-align:center}.form-label_end{text-align:end}.form-label-help{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:10px}.form-item{display:flex;margin-bottom:20px}.form-item-vertical{flex-direction:column}.form-item-columns{flex-direction:column;display:inline-block!important}.column-item{margin-bottom:20px}.column-item .form-control{width:60%!important}.d-validate-tip-horizontal{margin-left:10px}.form-control{position:relative}.form-control .star{color:red}.form-control .devui-form-control-container{position:relative}.form-control .devui-form-control-container .feedback-status{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;margin-top:-7px;line-height:16px;text-align:center;visibility:visible;pointer-events:none}.form-control .devui-form-control-container .devui-radio:not(:last-child){margin-bottom:20px}.form-control .devui-form-control-container-horizontal{display:flex}.form-control .devui-form-control-container-horizontal .devui-radio:not(:last-child){margin-bottom:0;margin-right:20px}.form-control .devui-form-control-container-horizontal .devui-checkbox-group>div:first-child{display:flex;align-items:center}.form-control .devui-form-control-container-horizontal .devui-checkbox-column-margin:not(:last-child){margin-right:20px}.form-control .devui-form-control-container-horizontal input,.form-control .devui-form-control-container-horizontal .devui-tags-host{width:200px}.form-control .devui-form-control-container-horizontal .d-validate-tip{margin:0 10px}.form-control .has-feedback{display:flex;align-items:center}.form-control .has-feedback input{padding-right:28px}.form-control .feedback-error{border:1px solid #f66f6a;border-radius:2px}.form-control .feedback-error input{background-color:#ffeeed;border-color:transparent}.form-control .feedback-error input:hover{border-color:transparent!important}.form-control .feedback-error input:focus{border-color:transparent!important}.form-control .feedback-error .devui-select-arrow{right:24px!important}.form-control .devui-form-control-extra-info{font-size:12px;color:#8a8e99;min-height:20px;line-height:1.5;text-align:justify}.form-operation .star{color:red}.d-validate-rules-error-pristine input{background-color:#ffeeed;border:1px solid #f66f6a}.d-validate-rules-error-pristine input:focus{border:1px solid #f66f6a!important}.d-validate-rules-error-pristine input:hover{border:1px solid #f66f6a!important}.d-validate-tip{display:flex;justify-content:center;align-items:center;font-size:12px;color:#f66f6a}
|
|
1
|
+
.d-form{position:relative}.devui-popover{position:relative;display:inline-flex}.devui-popover.devui-popover-isVisible .devui-popover-content{display:inline-flex}.devui-popover .devui-popover-content{position:absolute;display:none;padding:5px 14px;align-items:center;flex-wrap:wrap;white-space:nowrap;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover .devui-popover-content .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-popover .devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover .devui-popover-content .devui-popover-icon{margin-right:5px}@keyframes some-animation{0%{opacity:0;display:inline-flex}to{opacity:1}}.devui-popover.devui-popover-animation .devui-popover-content{animation:some-animation .5s var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1)) 1 forwards}.devui-popover.left .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:50%;transform:translate(-100%,-50%)}.devui-popover.left .after{right:-6px;top:50%;margin-top:-6px;margin-left:-8px}.devui-popover.left-top .devui-popover-content{left:-8px;top:0;transform:translate(-100%)}.devui-popover.left-top .after{right:-6px;top:50%;margin-left:-8px;top:8px;margin-top:auto}.devui-popover.left-bottom .devui-popover-content{left:-8px;top:0;transform:translate(-100%);top:auto;bottom:0}.devui-popover.left-bottom .after{right:-6px;top:50%;margin-left:-8px;bottom:8px;margin-top:auto}.devui-popover.top .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:50%;transform:translate(-50%,-100%)}.devui-popover.top .after{left:50%;bottom:-6px;margin-left:-6px}.devui-popover.top-left .devui-popover-content{top:-8px;left:0;transform:translateY(-100%)}.devui-popover.top-left .after{bottom:-6px;left:8px;margin-left:auto;margin-right:-6px}.devui-popover.top-right .devui-popover-content{top:-8px;left:0;transform:translateY(-100%);left:auto;right:0}.devui-popover.top-right .after{bottom:-6px;margin-left:-6px;right:8px}.devui-popover.right .devui-popover-content{right:-8px;top:50%;transform:translate(100%);transform:translate(100%,-50%)}.devui-popover.right .after{left:-6px;margin-right:-6px;top:8px;top:50%;margin-top:-6px}.devui-popover.right-top .devui-popover-content{right:-8px;top:50%;transform:translate(100%);top:0}.devui-popover.right-top .after{left:-6px;margin-right:-6px;top:8px}.devui-popover.right-bottom .devui-popover-content{right:-8px;top:50%;transform:translate(100%);bottom:0;top:auto}.devui-popover.right-bottom .after{left:-6px;margin-right:-6px;top:8px;top:auto;bottom:8px}.devui-popover.bottom .devui-popover-content{left:0;margin-bottom:-6px;transform:translateY(100%);left:50%;bottom:0;transform:translate(-50%,100%)}.devui-popover.bottom .after{left:8px;top:-6px;margin-bottom:-6px;left:50%;margin-right:auto;margin-left:-6px}.devui-popover.bottom-left .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%)}.devui-popover.bottom-left .after{left:8px;top:-6px;margin-bottom:-6px;margin-right:-6px}.devui-popover.bottom-right .devui-popover-content{left:0;bottom:0;margin-bottom:-6px;transform:translateY(100%);left:auto;right:0}.devui-popover.bottom-right .after{left:8px;top:-6px;margin-bottom:-6px;left:auto;margin-right:auto;right:8px;margin-left:-6px}.form-label{-moz-box-flex:1;text-align:left;padding-bottom:8px;justify-content:flex-start;align-self:flex-start;margin-right:16px}.form-label .devui-required{display:inline-flex;align-items:center}.form-label .devui-required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.form-label_sm{width:80px;min-width:80px}.form-label_sd{width:100px;min-width:100px}.form-label_lg{width:150px;min-width:150px}.form-label_center{text-align:center}.form-label_end{text-align:end}.form-label-help{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:10px}.form-item{display:flex;margin-bottom:20px}.form-item-vertical{flex-direction:column}.form-item-columns{flex-direction:column;display:inline-block!important}.column-item{margin-bottom:20px}.column-item .form-control{width:60%!important}.d-validate-tip-horizontal{margin-left:10px}.form-control{position:relative}.form-control .star{color:red}.form-control .devui-form-control-container{position:relative}.form-control .devui-form-control-container .feedback-status{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;margin-top:-7px;line-height:16px;text-align:center;visibility:visible;pointer-events:none}.form-control .devui-form-control-container .devui-radio:not(:last-child){margin-bottom:20px}.form-control .devui-form-control-container-horizontal{display:flex}.form-control .devui-form-control-container-horizontal .devui-radio:not(:last-child){margin-bottom:0;margin-right:20px}.form-control .devui-form-control-container-horizontal .devui-checkbox-group>div:first-child{display:flex;align-items:center}.form-control .devui-form-control-container-horizontal .devui-checkbox-column-margin:not(:last-child){margin-right:20px}.form-control .devui-form-control-container-horizontal input,.form-control .devui-form-control-container-horizontal .devui-tags-host{width:200px}.form-control .devui-form-control-container-horizontal .d-validate-tip{margin:0 10px}.form-control .devui-control-content-wrapper .devui-popover-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;z-index:9}.form-control .devui-control-content-wrapper .devui-popover-wrapper>div{width:inherit;height:100%}.form-control .with-popover{position:relative}.form-control .with-popover>div{z-index:10}.form-control .has-feedback{display:flex;align-items:center}.form-control .has-feedback input{padding-right:28px}.form-control .feedback-error{border:1px solid #f66f6a;border-radius:2px}.form-control .feedback-error input{background-color:#ffeeed;border-color:transparent}.form-control .feedback-error input:hover{border-color:transparent!important}.form-control .feedback-error input:focus{border-color:transparent!important}.form-control .feedback-error .devui-select-arrow{right:24px!important}.form-control .devui-form-control-extra-info{font-size:12px;color:#8a8e99;min-height:20px;line-height:1.5;text-align:justify}.form-operation .star{color:red}.d-validate-rules-error-pristine input{background-color:#ffeeed;border:1px solid #f66f6a}.d-validate-rules-error-pristine input:focus{border:1px solid #f66f6a!important}.d-validate-rules-error-pristine input:hover{border:1px solid #f66f6a!important}.d-validate-tip{display:flex;justify-content:center;align-items:center;font-size:12px;color:#f66f6a}
|
package/fullscreen/index.es.js
CHANGED
package/fullscreen/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";var E="";const S={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var r=n.defineComponent({name:"DFullscreen",props:S,emits:["fullscreenLaunch"],setup(
|
|
1
|
+
(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";var E="";const S={fullscreenLaunch:{type:Function,default:void 0},mode:{type:String,default:"immersive"},zIndex:{type:Number,default:10}};var r=n.defineComponent({name:"DFullscreen",props:S,emits:["fullscreenLaunch"],setup(s,a){let c=n.ref(null);const u=n.ref(!1),i=n.ref(null),o=()=>{if(c.value){const e=c;document.fullscreenElement?(F(),d(e)):(m(),c=null,f(e)),u.value=!!document.fullscreenElement,a.emit("fullscreenLaunch",u.value)}},d=e=>{e.classList.add("fullscreen"),s.zIndex&&e.setAttribute("style",`z-index: ${s.zIndex}`)},f=e=>{e.classList.remove("fullscreen"),e.style.zIndex=null},y=async()=>{const e=i.value.querySelector("[fullscreen-target]");let l=!1;s.mode==="normal"?e.classList.contains("fullscreen")?(m(),f(e),l=!1):(F(),d(e),l=!0):(c=e,document.fullscreenElement||document.msFullscreenElement||document.webkitFullscreenElement?l=await v(document):l=await L(c)),u.value=l,a.emit("fullscreenLaunch",u.value)},F=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen")},m=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen")},v=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then(()=>!!document.fullscreenElement)},L=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then(()=>!!document.fullscreenElement)},g=e=>{if(e.keyCode===27&&u.value){const l=i.value.querySelector("[fullscreen-target]");s.mode==="normal"?(m(),f(l)):document.fullscreenElement&&v(document),u.value=!1,a.emit("fullscreenLaunch",u.value)}};return n.onMounted(()=>{const e=i.value.querySelector("[fullscreen-launch]");e&&e.addEventListener("click",y),document.addEventListener("fullscreenchange",o),document.addEventListener("MSFullscreenChange",o),document.addEventListener("webkitfullscreenchange",o),document.addEventListener("keydown",g)}),()=>{const e=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:i},[e])}}});r.install=function(s){s.component(r.name,r)};var h={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(s){s.use(r)}};t.Fullscreen=r,t.default=h,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
|
package/gantt/index.d.ts
ADDED