sakana-element 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +79 -0
- package/dist/es/{Alert-BwsYUIWy.js → Alert-D4jZO-Gv.js} +4 -4
- package/dist/es/{Button-CnvCaCzU.js → Button-l3ljgd74.js} +10 -10
- package/dist/es/{Collapse-Bk2BCI4a.js → Collapse-CgadjkRS.js} +7 -7
- package/dist/es/{ConfigProvider-CUrWy8A9.js → ConfigProvider-BPm3h9RG.js} +9 -9
- package/dist/es/{Dropdown-DEj9nHTt.js → Dropdown-DBqye5wx.js} +12 -12
- package/dist/es/{Form-BT5Z74rO.js → Form-X4dNzwFt.js} +29 -29
- package/dist/es/{Icon-C3O4WXPI.js → Icon-4XdUD4qc.js} +5 -5
- package/dist/es/{Input-Cp-yw_0p.js → Input-C0g1h9x2.js} +11 -11
- package/dist/es/{Loading-DJTZWbfP.js → Loading-Cv4Fsu-C.js} +24 -24
- package/dist/es/{Message-De2t5_rA.js → Message-BuoSEEVc.js} +40 -40
- package/dist/es/{Notification-CD8ac7r3.js → Notification-Bv_vDOpB.js} +17 -17
- package/dist/es/{Overlay-BV2EC6JK.js → Overlay-C1k4Jcl7.js} +1 -1
- package/dist/es/Popconfirm-mMYpa7O6.js +22 -0
- package/dist/es/{Select-DFJEKuB2.js → Select-SRw_b6I2.js} +40 -40
- package/dist/es/{Switch-CXGkwfBF.js → Switch-bhJBaSI7.js} +6 -6
- package/dist/es/{Tooltip-D7Zr3a2n.js → Tooltip-CUOZC7JN.js} +22 -22
- package/dist/es/{hooks-C72Muvqa.js → hooks-qpAqkY5H.js} +18 -18
- package/dist/es/index.js +25 -25
- package/dist/es/{utils-2gdi1aKj.js → utils-340oIQ8K.js} +1 -1
- package/dist/es/{vendor-D87k329e.js → vendor-DXmGx29U.js} +152 -152
- package/dist/index.css +1 -1
- package/dist/theme/fonts/zpix.ttf +0 -0
- package/dist/theme/index.css +1 -1
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.css.gz +0 -0
- package/dist/umd/index.umd.cjs +3 -3
- package/dist/umd/index.umd.cjs.gz +0 -0
- package/package.json +5 -5
- package/dist/es/Popconfirm-D7-O60LO.js +0 -22
package/README.md
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
# Sakana Element
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/sakana-element)
|
|
4
|
+
[](https://github.com/yu859/sakana-element/blob/master/LICENSE)
|
|
5
|
+
|
|
6
|
+
A Vue 3 + TypeScript component library with pixel art design aesthetic.
|
|
7
|
+
|
|
8
|
+
像素风格的 Vue 3 + TypeScript 组件库。
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
## Install / 安装
|
|
13
|
+
|
|
14
|
+
```bash
|
|
15
|
+
pnpm add sakana-element
|
|
16
|
+
# or
|
|
17
|
+
npm install sakana-element
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## Quick Start / 快速开始
|
|
21
|
+
|
|
22
|
+
```ts
|
|
23
|
+
// main.ts
|
|
24
|
+
import { createApp } from 'vue'
|
|
25
|
+
import SakanaElement from 'sakana-element'
|
|
26
|
+
import 'sakana-element/dist/index.css'
|
|
27
|
+
import App from './App.vue'
|
|
28
|
+
|
|
29
|
+
createApp(App).use(SakanaElement).mount('#app')
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## Components / 组件
|
|
33
|
+
|
|
34
|
+
| Component | Description / 描述 |
|
|
35
|
+
|-----------|-------------------|
|
|
36
|
+
| `PxButton` | Button / 按钮 |
|
|
37
|
+
| `PxInput` | Input / 输入框 |
|
|
38
|
+
| `PxSelect` | Select / 选择器 |
|
|
39
|
+
| `PxSwitch` | Switch / 开关 |
|
|
40
|
+
| `PxIcon` | Icon / 图标 |
|
|
41
|
+
| `PxAlert` | Alert / 警告提示 |
|
|
42
|
+
| `PxCollapse` | Collapse / 折叠面板 |
|
|
43
|
+
| `PxDropdown` | Dropdown / 下拉菜单 |
|
|
44
|
+
| `PxForm` | Form / 表单 |
|
|
45
|
+
| `PxTooltip` | Tooltip / 文字提示 |
|
|
46
|
+
| `PxPopconfirm` | Popconfirm / 气泡确认框 |
|
|
47
|
+
| `PxMessage` | Message / 消息提示 |
|
|
48
|
+
| `PxMessageBox` | MessageBox / 消息弹框 |
|
|
49
|
+
| `PxNotification` | Notification / 通知 |
|
|
50
|
+
| `PxLoading` | Loading / 加载 |
|
|
51
|
+
| `PxOverlay` | Overlay / 遮罩层 |
|
|
52
|
+
| `PxConfigProvider` | ConfigProvider / 全局配置 |
|
|
53
|
+
|
|
54
|
+
## Bundled Font / 内置字体
|
|
55
|
+
|
|
56
|
+
This package includes the [zpix](https://github.com/SolidZORO/zpix-pixel-font) pixel font (~6.9MB `.ttf`), which provides the retro pixel art look. It loads automatically via CSS `@font-face` when you import `sakana-element/dist/index.css` — no extra setup required. The font accounts for most of the package size (~8MB total); actual library code + CSS is ~1MB.
|
|
57
|
+
|
|
58
|
+
本组件库内置了 [zpix 像素字体](https://github.com/SolidZORO/zpix-pixel-font)（~6.9MB `.ttf`），用于实现复古像素风格外观。导入 `sakana-element/dist/index.css` 后字体会通过 CSS `@font-face` 自动加载，无需额外配置。字体文件占包体积大部分（总计约 8MB），组件库本身的代码和样式仅约 1MB。
|
|
59
|
+
|
|
60
|
+
## Dark Mode / 暗色模式
|
|
61
|
+
|
|
62
|
+
Add the `px-dark` or `dark` class to an ancestor element:
|
|
63
|
+
|
|
64
|
+
在祖先元素上添加 `px-dark` 或 `dark` 类名：
|
|
65
|
+
|
|
66
|
+
```html
|
|
67
|
+
<html class="px-dark">
|
|
68
|
+
<!-- All Sakana Element components will render in dark mode -->
|
|
69
|
+
</html>
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
## Links / 链接
|
|
73
|
+
|
|
74
|
+
- [GitHub](https://github.com/yu859/sakana-element)
|
|
75
|
+
- [npm](https://www.npmjs.com/package/sakana-element)
|
|
76
|
+
|
|
77
|
+
## License / 许可证
|
|
78
|
+
|
|
79
|
+
[ISC](https://github.com/yu859/sakana-element/blob/master/LICENSE)
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { t as e, _ as t, w as l } from "./utils-
|
|
1
|
+
import { t as e, _ as t, w as l } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { defineComponent as o, useSlots as s, ref as a, computed as c, createBlock as n, openBlock as i, Transition as p, withCtx as r, withDirectives as f, createElementVNode as _, normalizeClass as u, createCommentVNode as d, createElementBlock as x, normalizeStyle as m, renderSlot as v, createTextVNode as y, toDisplayString as w, createVNode as h, withModifiers as I, vShow as $ } from "vue";
|
|
3
|
-
import { P as b } from "./Icon-
|
|
3
|
+
import { P as b } from "./Icon-4XdUD4qc.js";
|
|
4
4
|
const g = { class: "px-alert__content" }, k = { class: "px-alert__description" }, B = { key: 0, class: "px-alert__close" }, P = l(t(o({ name: "PxAlert", __name: "Alert", props: { title: {}, type: { default: "info" }, description: {}, effect: { default: "light" }, closable: { type: Boolean, default: true }, center: { type: Boolean }, showIcon: { type: Boolean } }, emits: ["close"], setup(t2, { expose: l2, emit: o2 }) {
|
|
5
|
-
const P2 = t2, j = o2, A = s(), C = a(true), q = c(() => e.get(P2.type) ?? "circle-info"), z = c(() => P2.description || A.default);
|
|
5
|
+
const P2 = t2, j = o2, A = s(), C = a(true), q = c((() => e.get(P2.type) ?? "circle-info")), z = c((() => P2.description || A.default));
|
|
6
6
|
function D() {
|
|
7
7
|
C.value = false, j("close");
|
|
8
8
|
}
|
|
9
9
|
return l2({ open: function() {
|
|
10
10
|
C.value = true;
|
|
11
|
-
}, close: D }), (e2, t3) => (i(), n(p, { name: "px-alert-fade" }, { default: r(() => [f(_("div", { class: u(["px-alert", { [`px-alert__${e2.type}`]: e2.type, [`px-alert__${e2.effect}`]: e2.effect, "text-center": e2.center }]), role: "alert" }, [e2.showIcon ? (i(), n(b, { key: 0, class: u(["px-alert__icon", { "big-icon": z.value }]), icon: q.value }, null, 8, ["class", "icon"])) : d("", true), _("div", g, [_("span", { class: u(["px-alert__title", { "with-desc": z.value }]), style: m({ display: e2.center && !e2.showIcon ? "flow" : "inline" }) }, [v(e2.$slots, "title", {}, () => [y(w(e2.title), 1)], true)], 6), _("p", k, [v(e2.$slots, "default", {}, () => [y(w(e2.description), 1)], true)]), e2.closable ? (i(), x("div", B, [h(b, { onClick: I(D, ["stop"]), icon: "close" })])) : d("", true)])], 2), [[$, C.value]])]), _: 3 }));
|
|
11
|
+
}, close: D }), (e2, t3) => (i(), n(p, { name: "px-alert-fade" }, { default: r((() => [f(_("div", { class: u(["px-alert", { [`px-alert__${e2.type}`]: e2.type, [`px-alert__${e2.effect}`]: e2.effect, "text-center": e2.center }]), role: "alert" }, [e2.showIcon ? (i(), n(b, { key: 0, class: u(["px-alert__icon", { "big-icon": z.value }]), icon: q.value }, null, 8, ["class", "icon"])) : d("", true), _("div", g, [_("span", { class: u(["px-alert__title", { "with-desc": z.value }]), style: m({ display: e2.center && !e2.showIcon ? "flow" : "inline" }) }, [v(e2.$slots, "title", {}, (() => [y(w(e2.title), 1)]), true)], 6), _("p", k, [v(e2.$slots, "default", {}, (() => [y(w(e2.description), 1)]), true)]), e2.closable ? (i(), x("div", B, [h(b, { onClick: I(D, ["stop"]), icon: "close" })])) : d("", true)])], 2), [[$, C.value]])])), _: 3 }));
|
|
12
12
|
} }), [["__scopeId", "data-v-9f432773"]]));
|
|
13
13
|
export {
|
|
14
14
|
P
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { d as t, _ as o, w as e } from "./utils-
|
|
1
|
+
import { d as t, _ as o, w as e } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { defineComponent as a, useSlots as n, inject as l, ref as r, computed as i, createBlock as u, openBlock as s, resolveDynamicComponent as d, unref as p, normalizeStyle as c, normalizeClass as b, withCtx as x, renderSlot as v, createCommentVNode as g, createVNode as f, provide as y, reactive as h, toRef as m, createElementBlock as _ } from "vue";
|
|
3
|
-
import { P as B } from "./Icon-
|
|
4
|
-
import { t as M } from "./vendor-
|
|
3
|
+
import { P as B } from "./Icon-4XdUD4qc.js";
|
|
4
|
+
import { t as M } from "./vendor-DXmGx29U.js";
|
|
5
5
|
const z = Symbol("BUTTON_GROUP_CTX_KEY"), I = o(a({ name: "PxButton", __name: "Button", props: { tag: { default: "button" }, type: {}, size: {}, nativeType: { default: "button" }, disabled: { type: Boolean }, loading: { type: Boolean }, icon: {}, circle: { type: Boolean }, plain: { type: Boolean }, round: { type: Boolean }, color: {}, loadingIcon: {}, autofocus: { type: Boolean }, useThrottle: { type: Boolean, default: true }, throttleDuration: { default: 500 } }, emits: ["click"], setup(o2, { expose: e2, emit: a2 }) {
|
|
6
6
|
const y2 = /* @__PURE__ */ new Set(["button", "a", "div", "span", "router-link"]), h2 = o2;
|
|
7
7
|
"string" != typeof h2.tag || y2.has(h2.tag) || t("PxButton", `Invalid tag "${h2.tag}". Allowed tags: ${[...y2].join(", ")}. Falling back to "button".`);
|
|
8
|
-
const m2 = a2, _2 = n(), I2 = l(z, void 0), $2 = r(), k2 = i(() => "string" != typeof h2.tag || y2.has(h2.tag) ? h2.tag : "button"), T2 = i(() => (I2 == null ? void 0 : I2.size) ?? (h2 == null ? void 0 : h2.size) ?? ""), P2 = i(() => (I2 == null ? void 0 : I2.type) ?? (h2 == null ? void 0 : h2.type) ?? ""), S = i(() => (I2 == null ? void 0 : I2.disabled) || (h2 == null ? void 0 : h2.disabled) || false), j = i(() => ({ marginRight: _2.default ? "6px" : "0px" }));
|
|
8
|
+
const m2 = a2, _2 = n(), I2 = l(z, void 0), $2 = r(), k2 = i((() => "string" != typeof h2.tag || y2.has(h2.tag) ? h2.tag : "button")), T2 = i((() => (I2 == null ? void 0 : I2.size) ?? (h2 == null ? void 0 : h2.size) ?? "")), P2 = i((() => (I2 == null ? void 0 : I2.type) ?? (h2 == null ? void 0 : h2.type) ?? "")), S = i((() => (I2 == null ? void 0 : I2.disabled) || (h2 == null ? void 0 : h2.disabled) || false)), j = i((() => ({ marginRight: _2.default ? "6px" : "0px" })));
|
|
9
9
|
function w(t2, o3) {
|
|
10
10
|
const e3 = parseInt(t2.replace("#", ""), 16);
|
|
11
11
|
return `#${(Math.min(255, (e3 >> 16) + Math.round(2.55 * o3)) << 16 | Math.min(255, (e3 >> 8 & 255) + Math.round(2.55 * o3)) << 8 | Math.min(255, (255 & e3) + Math.round(2.55 * o3))).toString(16).padStart(6, "0")}`;
|
|
12
12
|
}
|
|
13
|
-
const G = i(() => {
|
|
13
|
+
const G = i((() => {
|
|
14
14
|
if (!h2.color) return {};
|
|
15
|
-
const t2 = h2.color, o3 = function(t3) {
|
|
15
|
+
const t2 = h2.color, o3 = (function(t3) {
|
|
16
16
|
const o4 = parseInt(t3.replace("#", ""), 16);
|
|
17
17
|
return (0.299 * (o4 >> 16) + 0.587 * (o4 >> 8 & 255) + 0.114 * (255 & o4)) / 255 > 0.6 ? "#1e1e2e" : "#ffffff";
|
|
18
|
-
}(t2), e3 = function(t3) {
|
|
18
|
+
})(t2), e3 = (function(t3) {
|
|
19
19
|
const o4 = parseInt(t3.replace("#", ""), 16);
|
|
20
20
|
return `#${(Math.max(0, (o4 >> 16) - Math.round(38.25)) << 16 | Math.max(0, (o4 >> 8 & 255) - Math.round(38.25)) << 8 | Math.max(0, (255 & o4) - Math.round(38.25))).toString(16).padStart(6, "0")}`;
|
|
21
|
-
}(t2), a3 = w(t2, 20), n2 = w(t2, 35);
|
|
21
|
+
})(t2), a3 = w(t2, 20), n2 = w(t2, 35);
|
|
22
22
|
return h2.plain ? { "--px-button-text-color": t2, "--px-button-bg-color": n2, "--px-button-border-color": t2, "--px-button-hover-text-color": o3, "--px-button-hover-bg-color": t2, "--px-button-hover-border-color": t2, "--px-button-active-text-color": o3, "--px-button-active-bg-color": e3, "--px-button-active-border-color": e3, "--px-button-disabled-text-color": a3, "--px-button-disabled-bg-color": n2, "--px-button-disabled-border-color": a3 } : { "--px-button-text-color": o3, "--px-button-bg-color": t2, "--px-button-border-color": e3, "--px-button-shadow-color": e3, "--px-button-hover-text-color": o3, "--px-button-hover-bg-color": a3, "--px-button-hover-border-color": t2, "--px-button-active-text-color": o3, "--px-button-active-bg-color": e3, "--px-button-active-border-color": e3, "--px-button-disabled-text-color": o3, "--px-button-disabled-bg-color": a3, "--px-button-disabled-border-color": a3 };
|
|
23
|
-
}), C = (t2) => m2("click", t2), D = M(C, h2.throttleDuration, { trailing: false });
|
|
24
|
-
return e2({ ref: $2, disabled: S, size: T2, type: P2 }), (t2, o3) => (s(), u(d(k2.value), { ref_key: "_ref", ref: $2, autofocus: t2.autofocus, type: "button" === k2.value ? t2.nativeType : void 0, class: b(["px-button", { [`px-button--${P2.value}`]: P2.value, [`px-button--${T2.value}`]: T2.value, "is-plain": t2.plain, "is-round": t2.round, "is-circle": t2.circle, "is-disabled": S.value, "is-loading": t2.loading }]), disabled: !(!S.value && !t2.loading) || void 0, style: c(G.value), onClick: o3[0] || (o3[0] = (o4) => t2.useThrottle ? p(D)(o4) : C(o4)) }, { default: x(() => [t2.loading ? v(t2.$slots, "loading", { key: 0 }, () => [f(B, { class: "loading-icon", icon: t2.loadingIcon ?? "loader", style: c(j.value), size: "1x", spin: "" }, null, 8, ["icon", "style"])], true) : g("", true), t2.icon && !t2.loading ? (s(), u(B, { key: 1, icon: t2.icon, style: c(j.value), size: "1x" }, null, 8, ["icon", "style"])) : g("", true), v(t2.$slots, "default", {}, void 0, true)]), _: 3 }, 8, ["autofocus", "type", "disabled", "class", "style"]));
|
|
23
|
+
})), C = (t2) => m2("click", t2), D = M(C, h2.throttleDuration, { trailing: false });
|
|
24
|
+
return e2({ ref: $2, disabled: S, size: T2, type: P2 }), (t2, o3) => (s(), u(d(k2.value), { ref_key: "_ref", ref: $2, autofocus: t2.autofocus, type: "button" === k2.value ? t2.nativeType : void 0, class: b(["px-button", { [`px-button--${P2.value}`]: P2.value, [`px-button--${T2.value}`]: T2.value, "is-plain": t2.plain, "is-round": t2.round, "is-circle": t2.circle, "is-disabled": S.value, "is-loading": t2.loading }]), disabled: !(!S.value && !t2.loading) || void 0, style: c(G.value), onClick: o3[0] || (o3[0] = (o4) => t2.useThrottle ? p(D)(o4) : C(o4)) }, { default: x((() => [t2.loading ? v(t2.$slots, "loading", { key: 0 }, (() => [f(B, { class: "loading-icon", icon: t2.loadingIcon ?? "loader", style: c(j.value), size: "1x", spin: "" }, null, 8, ["icon", "style"])]), true) : g("", true), t2.icon && !t2.loading ? (s(), u(B, { key: 1, icon: t2.icon, style: c(j.value), size: "1x" }, null, 8, ["icon", "style"])) : g("", true), v(t2.$slots, "default", {}, void 0, true)])), _: 3 }, 8, ["autofocus", "type", "disabled", "class", "style"]));
|
|
25
25
|
} }), [["__scopeId", "data-v-8bf437b2"]]), $ = { class: "px-button-group" }, k = o(a({ name: "PxButtonGroup", __name: "ButtonGroup", props: { size: {}, type: {}, disabled: { type: Boolean } }, setup(t2) {
|
|
26
26
|
const o2 = t2;
|
|
27
27
|
return y(z, h({ size: m(o2, "size"), type: m(o2, "type"), disabled: m(o2, "disabled") })), (t3, o3) => (s(), _("div", $, [v(t3.$slots, "default", {}, void 0, true)]));
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { _ as e, w as a } from "./utils-
|
|
1
|
+
import { _ as e, w as a } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { defineComponent as l, ref as t, watchEffect as s, watch as o, provide as i, createElementBlock as d, openBlock as n, renderSlot as c, inject as p, computed as m, normalizeClass as r, createElementVNode as u, createVNode as v, createTextVNode as f, toDisplayString as h, Transition as _, mergeProps as x, toHandlers as g, unref as b, withCtx as y, withDirectives as C, vShow as I } from "vue";
|
|
3
|
-
import { P as $ } from "./Icon-
|
|
3
|
+
import { P as $ } from "./Icon-4XdUD4qc.js";
|
|
4
4
|
const V = Symbol("collapseContext"), w = { class: "px-collapse" }, P = e(l({ name: "PxCollapse", __name: "Collapse", props: { modelValue: {}, accordion: { type: Boolean } }, emits: ["update:modelValue", "change"], setup(e2, { emit: a2 }) {
|
|
5
5
|
const l2 = e2, p2 = a2, m2 = t(l2.modelValue);
|
|
6
6
|
function r2(e3) {
|
|
7
7
|
m2.value = e3, p2("update:modelValue", e3), p2("change", e3);
|
|
8
8
|
}
|
|
9
|
-
return l2.accordion && m2.value.length > 1 && (m2.value = [m2.value[0]]), s(() => {
|
|
9
|
+
return l2.accordion && m2.value.length > 1 && (m2.value = [m2.value[0]]), s((() => {
|
|
10
10
|
l2.accordion && m2.value.length;
|
|
11
|
-
}), o(() => l2.modelValue, (e3) => r2(e3)), i(V, { activeNames: m2, handleItemClick: function(e3) {
|
|
11
|
+
})), o((() => l2.modelValue), ((e3) => r2(e3))), i(V, { activeNames: m2, handleItemClick: function(e3) {
|
|
12
12
|
let a3 = [...m2.value];
|
|
13
13
|
if (l2.accordion) return a3 = [a3[0] === e3 ? "" : e3], void r2(a3);
|
|
14
14
|
const t2 = a3.indexOf(e3);
|
|
@@ -23,14 +23,14 @@ const V = Symbol("collapseContext"), w = { class: "px-collapse" }, P = e(l({ nam
|
|
|
23
23
|
}, leave: (e2) => k(e2), afterLeave(e2) {
|
|
24
24
|
B(e2), L(e2);
|
|
25
25
|
} }, H = ["id"], O = { class: "px-collapse-item__title" }, S = { class: "px-collapse-item__wapper" }, q = ["id"], z = e(l({ name: "PxCollapseItem", __name: "CollapseItem", props: { name: {}, title: {}, disabled: { type: Boolean } }, setup(e2) {
|
|
26
|
-
const a2 = e2, l2 = p(V, void 0), t2 = m(() => {
|
|
26
|
+
const a2 = e2, l2 = p(V, void 0), t2 = m((() => {
|
|
27
27
|
var _a;
|
|
28
28
|
return (_a = l2 == null ? void 0 : l2.activeNames.value) == null ? void 0 : _a.includes(a2.name);
|
|
29
|
-
});
|
|
29
|
+
}));
|
|
30
30
|
function s2() {
|
|
31
31
|
a2.disabled || (l2 == null ? void 0 : l2.handleItemClick(a2.name));
|
|
32
32
|
}
|
|
33
|
-
return (e3, a3) => (n(), d("div", { class: r(["px-collapse-item", { "is-disabled": e3.disabled }]) }, [u("div", { class: r(["px-collapse-item__header", { "is-disabled": e3.disabled, "is-active": t2.value }]), id: `item-header-${e3.name}`, onClick: s2 }, [u("span", O, [c(e3.$slots, "title", {}, () => [f(h(e3.title), 1)], true)]), v($, { icon: "chevron-right", class: "header-angle" })], 10, H), v(_, x({ name: "slide" }, g(b(N))), { default: y(() => [C(u("div", S, [u("div", { class: "px-collapse-item__content", id: `item-content-${e3.name}` }, [c(e3.$slots, "default", {}, void 0, true)], 8, q)], 512), [[I, t2.value]])]), _: 3 }, 16)], 2));
|
|
33
|
+
return (e3, a3) => (n(), d("div", { class: r(["px-collapse-item", { "is-disabled": e3.disabled }]) }, [u("div", { class: r(["px-collapse-item__header", { "is-disabled": e3.disabled, "is-active": t2.value }]), id: `item-header-${e3.name}`, onClick: s2 }, [u("span", O, [c(e3.$slots, "title", {}, (() => [f(h(e3.title), 1)]), true)]), v($, { icon: "chevron-right", class: "header-angle" })], 10, H), v(_, x({ name: "slide" }, g(b(N))), { default: y((() => [C(u("div", S, [u("div", { class: "px-collapse-item__content", id: `item-content-${e3.name}` }, [c(e3.$slots, "default", {}, void 0, true)], 8, q)], 512), [[I, t2.value]])])), _: 3 }, 16)], 2));
|
|
34
34
|
} }), [["__scopeId", "data-v-9af3f092"]]), A = a(P), D = a(z);
|
|
35
35
|
export {
|
|
36
36
|
A as P,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { w as e } from "./utils-
|
|
1
|
+
import { w as e } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { ref as t, getCurrentInstance as a, unref as o, watch as r, provide as n, inject as l, computed as s, defineComponent as i, renderSlot as c } from "vue";
|
|
3
|
-
import { n as d, m as u, o as m } from "./vendor-
|
|
3
|
+
import { n as d, m as u, o as m } from "./vendor-DXmGx29U.js";
|
|
4
4
|
const p = { name: "en", el: { colorpicker: { confirm: "OK", clear: "Clear", defaultLabel: "color picker", description: "current color is {color}. press enter to select a new color." }, datepicker: { now: "Now", today: "Today", cancel: "Cancel", clear: "Clear", confirm: "OK", dateTablePrompt: "Use the arrow keys and enter to select the day of the month", monthTablePrompt: "Use the arrow keys and enter to select the month", yearTablePrompt: "Use the arrow keys and enter to select the year", selectedDate: "Selected date", selectDate: "Select date", selectTime: "Select time", startDate: "Start Date", startTime: "Start Time", endDate: "End Date", endTime: "End Time", prevYear: "Previous Year", nextYear: "Next Year", prevMonth: "Previous Month", nextMonth: "Next Month", year: "", month1: "January", month2: "February", month3: "March", month4: "April", month5: "May", month6: "June", month7: "July", month8: "August", month9: "September", month10: "October", month11: "November", month12: "December", week: "week", weeks: { sun: "Sun", mon: "Mon", tue: "Tue", wed: "Wed", thu: "Thu", fri: "Fri", sat: "Sat" }, weeksFull: { sun: "Sunday", mon: "Monday", tue: "Tuesday", wed: "Wednesday", thu: "Thursday", fri: "Friday", sat: "Saturday" }, months: { jan: "Jan", feb: "Feb", mar: "Mar", apr: "Apr", may: "May", jun: "Jun", jul: "Jul", aug: "Aug", sep: "Sep", oct: "Oct", nov: "Nov", dec: "Dec" } }, inputNumber: { decrease: "decrease number", increase: "increase number" }, select: { loading: "Loading", noMatch: "No matching data", noData: "No data", placeholder: "Select" }, dropdown: { toggleDropdown: "Toggle Dropdown" }, cascader: { noMatch: "No matching data", loading: "Loading", placeholder: "Select", noData: "No data" }, pagination: { goto: "Go to", pagesize: "/page", total: "Total {total}", pageClassifier: "", page: "Page", prev: "Go to previous page", next: "Go to next page", currentPage: "page {pager}", prevPages: "Previous {pager} pages", nextPages: "Next {pager} pages", deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details" }, dialog: { close: "Close this dialog" }, drawer: { close: "Close this dialog" }, messagebox: { title: "Message", confirm: "OK", cancel: "Cancel", error: "Illegal input", close: "Close this dialog" }, upload: { deleteTip: "press delete to remove", delete: "Delete", preview: "Preview", continue: "Continue" }, slider: { defaultLabel: "slider between {min} and {max}", defaultRangeStartLabel: "pick start value", defaultRangeEndLabel: "pick end value" }, table: { emptyText: "No Data", confirmFilter: "Confirm", resetFilter: "Reset", clearFilter: "All", sumText: "Sum" }, tour: { next: "Next", previous: "Previous", finish: "Finish" }, tree: { emptyText: "No Data" }, transfer: { noMatch: "No matching data", noData: "No data", titles: ["List 1", "List 2"], filterPlaceholder: "Enter keyword", noCheckedFormat: "{total} items", hasCheckedFormat: "{checked}/{total} checked" }, image: { error: "FAILED" }, pageHeader: { title: "Back" }, popconfirm: { confirmButtonText: "Yes", cancelButtonText: "No" }, carousel: { leftArrow: "Carousel arrow left", rightArrow: "Carousel arrow right", indicator: "Carousel switch to index {index}" } } }, h = Symbol(), g = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
|
|
5
5
|
function v(e2, ...t2) {
|
|
6
|
-
return u(e2, ...t2, (e3, t3, a2) => {
|
|
6
|
+
return u(e2, ...t2, ((e3, t3, a2) => {
|
|
7
7
|
if (g.has(a2)) return e3;
|
|
8
|
-
});
|
|
8
|
+
}));
|
|
9
9
|
}
|
|
10
10
|
const f = t();
|
|
11
11
|
function w(e2, t2 = void 0) {
|
|
12
12
|
const o2 = a() ? l(h, f) : f;
|
|
13
|
-
return e2 ? s(() => {
|
|
13
|
+
return e2 ? s((() => {
|
|
14
14
|
var _a;
|
|
15
15
|
return ((_a = o2.value) == null ? void 0 : _a[e2]) ?? t2;
|
|
16
|
-
}) : o2;
|
|
16
|
+
})) : o2;
|
|
17
17
|
}
|
|
18
18
|
const y = (e2) => {
|
|
19
19
|
var _a, _b, _c;
|
|
@@ -24,13 +24,13 @@ function x(e2 = { locale: p }, l2, s2 = false) {
|
|
|
24
24
|
const i2 = a(), c2 = i2 ? w() : void 0, u2 = (l2 == null ? void 0 : l2.provide) ?? (i2 ? n : void 0);
|
|
25
25
|
if (!u2) return;
|
|
26
26
|
const m2 = t(o(e2));
|
|
27
|
-
r(() => e2, (e3) => {
|
|
27
|
+
r((() => e2), ((e3) => {
|
|
28
28
|
const t2 = o(e3);
|
|
29
29
|
if (!(c2 == null ? void 0 : c2.value)) return t2;
|
|
30
30
|
m2.value = v(c2.value, t2);
|
|
31
|
-
}, { deep: true });
|
|
31
|
+
}), { deep: true });
|
|
32
32
|
const g2 = t(y(m2.value));
|
|
33
|
-
return r(() => m2.value, (e3) => g2.value = y(e3), { deep: true }), u2(h, m2), u2(d, g2), l2 && l2.use(g2.value), !s2 && f.value || (f.value = m2.value), m2;
|
|
33
|
+
return r((() => m2.value), ((e3) => g2.value = y(e3)), { deep: true }), u2(h, m2), u2(d, g2), l2 && l2.use(g2.value), !s2 && f.value || (f.value = m2.value), m2;
|
|
34
34
|
}
|
|
35
35
|
const b = e(i({ name: "PxConfigProvider", __name: "ConfigProvider", props: { locale: {}, extendsI18nMsg: {} }, setup(e2) {
|
|
36
36
|
const t2 = x(e2);
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { w as e } from "./utils-
|
|
1
|
+
import { w as e } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { defineComponent as o, inject as i, computed as t, createElementBlock as l, openBlock as a, Fragment as d, createCommentVNode as n, createElementVNode as s, normalizeClass as p, unref as r, renderSlot as m, createTextVNode as u, toDisplayString as c, useSlots as f, ref as v, provide as y, createVNode as h, mergeProps as b, withCtx as k, createBlock as w, renderList as _ } from "vue";
|
|
3
|
-
import { u as B, a as g, b as C } from "./hooks-
|
|
4
|
-
import { P as x, a as z } from "./Button-
|
|
5
|
-
import { T as $ } from "./Tooltip-
|
|
6
|
-
import { a as j, i as T } from "./vendor-
|
|
3
|
+
import { u as B, a as g, b as C } from "./hooks-qpAqkY5H.js";
|
|
4
|
+
import { P as x, a as z } from "./Button-l3ljgd74.js";
|
|
5
|
+
import { T as $ } from "./Tooltip-CUOZC7JN.js";
|
|
6
|
+
import { a as j, i as T } from "./vendor-DXmGx29U.js";
|
|
7
7
|
const D = Symbol("dropdownContext"), I = { key: 0, role: "separator", class: "divided-placeholder" }, O = ["id"], P = o({ name: "PxDropdownItem", __name: "DropdownItem", props: { command: { default: B().value }, label: {}, disabled: { type: Boolean, default: false }, divided: { type: Boolean, default: false } }, setup(e2) {
|
|
8
|
-
const o2 = e2, f2 = i(D), v2 = t(() => f2 == null ? void 0 : f2.size.value);
|
|
8
|
+
const o2 = e2, f2 = i(D), v2 = t((() => f2 == null ? void 0 : f2.size.value));
|
|
9
9
|
function y2() {
|
|
10
10
|
o2.disabled || (f2 == null ? void 0 : f2.handleItemClick(o2));
|
|
11
11
|
}
|
|
12
|
-
return (e3, o3) => (a(), l(d, null, [e3.divided ? (a(), l("li", I)) : n("", true), s("li", { id: `dropdown-item-${e3.command ?? r(B)().value}`, class: p({ "px-dropdown__item": true, ["px-dropdown__item--" + v2.value]: v2.value, "is-disabled": e3.disabled, "is-divided": e3.divided }), onClick: y2 }, [m(e3.$slots, "default", {}, () => [u(c(e3.label), 1)])], 10, O)], 64));
|
|
12
|
+
return (e3, o3) => (a(), l(d, null, [e3.divided ? (a(), l("li", I)) : n("", true), s("li", { id: `dropdown-item-${e3.command ?? r(B)().value}`, class: p({ "px-dropdown__item": true, ["px-dropdown__item--" + v2.value]: v2.value, "is-disabled": e3.disabled, "is-divided": e3.divided }), onClick: y2 }, [m(e3.$slots, "default", {}, (() => [u(c(e3.label), 1)]))], 10, O)], 64));
|
|
13
13
|
} }), R = { class: "px-dropdown__menu" }, A = e(o({ name: "PxDropdown", inheritAttrs: false, __name: "Dropdown", props: { type: {}, size: {}, items: { default: () => [] }, hideOnClick: { type: Boolean, default: true }, splitButton: { type: Boolean }, content: {}, trigger: {}, placement: {}, manual: { type: Boolean }, disabled: { type: Boolean }, popperOptions: {}, transition: {}, showTimeout: {}, hideTimeout: {}, virtualRef: {}, virtualTriggering: { type: Boolean } }, emits: ["visible-change", "command", "click"], setup(e2, { expose: o2, emit: i2 }) {
|
|
14
14
|
const n2 = e2, u2 = i2;
|
|
15
15
|
f();
|
|
16
|
-
const c2 = v(), B2 = v(), I2 = t(() => j(n2, ["items", "hideOnClick", "size", "type", "splitButton"]));
|
|
16
|
+
const c2 = v(), B2 = v(), I2 = t((() => j(n2, ["items", "hideOnClick", "size", "type", "splitButton"])));
|
|
17
17
|
function O2() {
|
|
18
18
|
var _a;
|
|
19
19
|
(_a = c2.value) == null ? void 0 : _a.toggle();
|
|
20
20
|
}
|
|
21
|
-
return g(B2, () => {
|
|
21
|
+
return g(B2, (() => {
|
|
22
22
|
var _a;
|
|
23
23
|
n2.splitButton && ((_a = c2.value) == null ? void 0 : _a.hide());
|
|
24
|
-
}), C(), y(D, { handleItemClick: function(e3) {
|
|
24
|
+
})), C(), y(D, { handleItemClick: function(e3) {
|
|
25
25
|
var _a;
|
|
26
26
|
n2.hideOnClick && ((_a = c2.value) == null ? void 0 : _a.hide()), !T(e3.command) && u2("command", e3.command);
|
|
27
|
-
}, size: t(() => n2.size) }), o2({ open: () => {
|
|
27
|
+
}, size: t((() => n2.size)) }), o2({ open: () => {
|
|
28
28
|
var _a;
|
|
29
29
|
return (_a = c2.value) == null ? void 0 : _a.show();
|
|
30
30
|
}, close: () => {
|
|
31
31
|
var _a;
|
|
32
32
|
return (_a = c2.value) == null ? void 0 : _a.hide();
|
|
33
|
-
} }), (e3, o3) => (a(), l("div", { ref_key: "dropdownRef", ref: B2, class: p(["px-dropdown", { "is-disabled": n2.disabled }]) }, [h($, b({ ref_key: "tooltipRef", ref: c2 }, I2.value, { manual: e3.splitButton, onVisibleChange: o3[1] || (o3[1] = (o4) => e3.$emit("visible-change", o4)) }), { content: k(() => [s("div", R, [m(e3.$slots, "dropdown", {}, () => [(a(true), l(d, null, _(e3.items, (e4) => (a(), w(P, b({ key: e4.command, ref_for: true }, e4), null, 16))), 128))])])]), default: k(() => [e3.splitButton ? (a(), w(r(x), { key: 0, type: e3.type, size: e3.size, disabled: e3.disabled }, { default: k(() => [h(r(z), { onClick: o3[0] || (o3[0] = (o4) => e3.$emit("click", o4)) }, { default: k(() => [m(e3.$slots, "default")]), _: 3 }), h(r(z), { icon: "chevron-down", onClick: O2 })]), _: 3 }, 8, ["type", "size", "disabled"])) : m(e3.$slots, "default", { key: 1 })]), _: 3 }, 16, ["manual"])], 2));
|
|
33
|
+
} }), (e3, o3) => (a(), l("div", { ref_key: "dropdownRef", ref: B2, class: p(["px-dropdown", { "is-disabled": n2.disabled }]) }, [h($, b({ ref_key: "tooltipRef", ref: c2 }, I2.value, { manual: e3.splitButton, onVisibleChange: o3[1] || (o3[1] = (o4) => e3.$emit("visible-change", o4)) }), { content: k((() => [s("div", R, [m(e3.$slots, "dropdown", {}, (() => [(a(true), l(d, null, _(e3.items, ((e4) => (a(), w(P, b({ key: e4.command, ref_for: true }, e4), null, 16)))), 128))]))])])), default: k((() => [e3.splitButton ? (a(), w(r(x), { key: 0, type: e3.type, size: e3.size, disabled: e3.disabled }, { default: k((() => [h(r(z), { onClick: o3[0] || (o3[0] = (o4) => e3.$emit("click", o4)) }, { default: k((() => [m(e3.$slots, "default")])), _: 3 }), h(r(z), { icon: "chevron-down", onClick: O2 })])), _: 3 }, 8, ["type", "size", "disabled"])) : m(e3.$slots, "default", { key: 1 })])), _: 3 }, 16, ["manual"])], 2));
|
|
34
34
|
} })), S = e(P);
|
|
35
35
|
export {
|
|
36
36
|
A as P,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { defineComponent as e, reactive as r, toRefs as t, provide as a, createElementBlock as l, openBlock as s, renderSlot as o, useCssVars as i, computed as u, useSlots as d, inject as n, ref as p, onMounted as v, onUnmounted as c, normalizeStyle as m, normalizeClass as f, unref as h, createBlock as b, createCommentVNode as g, createElementVNode as y, resolveDynamicComponent as x, withCtx as _, createTextVNode as F, toDisplayString as q, nextTick as P } from "vue";
|
|
2
|
-
import { d as w, _ as k, w as j } from "./utils-
|
|
3
|
-
import { f as I, b as $, s as A, c as B, d as S, i as W, e as M, g as V, h as C, j as O, k as D, l as E, p as R } from "./vendor-
|
|
4
|
-
import { u as z } from "./hooks-
|
|
2
|
+
import { d as w, _ as k, w as j } from "./utils-340oIQ8K.js";
|
|
3
|
+
import { f as I, b as $, s as A, c as B, d as S, i as W, e as M, g as V, h as C, j as O, k as D, l as E, p as R } from "./vendor-DXmGx29U.js";
|
|
4
|
+
import { u as z } from "./hooks-qpAqkY5H.js";
|
|
5
5
|
import G from "async-validator";
|
|
6
6
|
const H = Symbol("formContext"), J = Symbol("formItemContext"), K = { class: "px-form" }, L = e({ name: "PxForm", __name: "Form", props: { model: {}, rules: {}, disabled: { type: Boolean }, labelWidth: {}, labelPosition: { default: "right" }, labelSuffix: {}, showMessage: { type: Boolean, default: true }, hideRequiredAsterisk: { type: Boolean, default: false }, requiredAsteriskPosition: { default: "left" } }, emits: ["validate"], setup(e2, { expose: i2, emit: u2 }) {
|
|
7
7
|
const d2 = u2, n2 = [], p2 = async (e3, r2) => {
|
|
8
8
|
try {
|
|
9
|
-
const t2 = await async function(e4 = []) {
|
|
9
|
+
const t2 = await (async function(e4 = []) {
|
|
10
10
|
let r3 = {};
|
|
11
11
|
for (const t3 of e4) try {
|
|
12
12
|
await t3.validate("");
|
|
@@ -14,7 +14,7 @@ const H = Symbol("formContext"), J = Symbol("formItemContext"), K = { class: "px
|
|
|
14
14
|
r3 = { ...r3, ...e5 };
|
|
15
15
|
}
|
|
16
16
|
return !A(Object.keys(r3)) || Promise.reject(r3);
|
|
17
|
-
}(v2(n2, e3 ?? []));
|
|
17
|
+
})(v2(n2, e3 ?? []));
|
|
18
18
|
return true === t2 && (r2 == null ? void 0 : r2(t2)), t2;
|
|
19
19
|
} catch (e4) {
|
|
20
20
|
if (e4 instanceof Error) throw e4;
|
|
@@ -23,7 +23,7 @@ const H = Symbol("formContext"), J = Symbol("formItemContext"), K = { class: "px
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
function v2(e3, r2) {
|
|
26
|
-
return A(r2) ? $(e3, (e4) => B(r2, e4.prop)) : e3;
|
|
26
|
+
return A(r2) ? $(e3, ((e4) => B(r2, e4.prop))) : e3;
|
|
27
27
|
}
|
|
28
28
|
const c2 = r({ ...t(e2), emits: d2, addField: (e3) => {
|
|
29
29
|
e3.prop && n2.push(e3);
|
|
@@ -31,27 +31,27 @@ const H = Symbol("formContext"), J = Symbol("formItemContext"), K = { class: "px
|
|
|
31
31
|
e3.prop && n2.splice(n2.indexOf(e3), 1);
|
|
32
32
|
} });
|
|
33
33
|
return a(H, c2), i2({ validate: async (e3) => p2([], e3), validateField: p2, resetFields: (e3) => {
|
|
34
|
-
I(v2(n2, e3 ?? []), (e4) => e4.resetField());
|
|
34
|
+
I(v2(n2, e3 ?? []), ((e4) => e4.resetField()));
|
|
35
35
|
}, clearValidate: (e3) => {
|
|
36
|
-
I(v2(n2, e3 ?? []), (e4) => e4.clearValidate());
|
|
36
|
+
I(v2(n2, e3 ?? []), ((e4) => e4.clearValidate()));
|
|
37
37
|
} }), (e3, r2) => (s(), l("form", K, [o(e3.$slots, "default")]));
|
|
38
38
|
} }), N = { key: 0, class: "px-form-item__error-msg" }, Q = k(e({ name: "PxFormItem", __name: "FormItem", props: { prop: {}, label: {}, for: {}, labelWidth: {}, disabled: { type: Boolean }, required: { type: Boolean, default: void 0 }, showMessage: { type: Boolean, default: true }, error: {}, rules: {} }, setup(e2, { expose: k2 }) {
|
|
39
|
-
i((e3) => ({ f6756cfe: te.value }));
|
|
39
|
+
i(((e3) => ({ f6756cfe: te.value })));
|
|
40
40
|
const j2 = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]), I2 = e2, K2 = d(), L2 = n(H), Q2 = z().value, T2 = p("init"), U2 = p(""), X2 = p([]), Y = (e3) => {
|
|
41
|
-
return e3 && I2.prop && !W(V(e3, I2.prop)) ? (r2 = I2.prop, (E(r2) ? r2 : r2.split(".")).some((e4) => j2.has(e4)) ? (w("PxFormItem", `Prop path "${I2.prop}" contains a dangerous segment and was rejected.`), null) : V(e3, I2.prop)) : null;
|
|
41
|
+
return e3 && I2.prop && !W(V(e3, I2.prop)) ? (r2 = I2.prop, (E(r2) ? r2 : r2.split(".")).some(((e4) => j2.has(e4))) ? (w("PxFormItem", `Prop path "${I2.prop}" contains a dangerous segment and was rejected.`), null) : V(e3, I2.prop)) : null;
|
|
42
42
|
var r2;
|
|
43
|
-
}, Z = u(() => !(!I2.label && !K2.label)), ee = u(() => I2.for || (X2.value.length ? X2.value[0] : "")), re = u(() => `${I2.label ?? ""}${(L2 == null ? void 0 : L2.labelSuffix) ?? ""}`), te = u(() => {
|
|
43
|
+
}, Z = u((() => !(!I2.label && !K2.label))), ee = u((() => I2.for || (X2.value.length ? X2.value[0] : ""))), re = u((() => `${I2.label ?? ""}${(L2 == null ? void 0 : L2.labelSuffix) ?? ""}`)), te = u((() => {
|
|
44
44
|
const e3 = (e4) => C(e4) ? `${e4}px` : O(e4, "px") ? e4 : `${e4}px`;
|
|
45
45
|
return I2.labelWidth ? e3(I2.labelWidth) : (L2 == null ? void 0 : L2.labelWidth) ? e3(L2 == null ? void 0 : L2.labelWidth) : "150px";
|
|
46
|
-
}), ae = u(() => (L2 == null ? void 0 : L2.labelPosition) ?? "right"), le = u(() => "top" === ae.value), se = u(() => le.value ? { width: "100%", textAlign: "left", padding: "0 0 8px 0" } : { textAlign: "left" === ae.value ? "left" : "right" }), oe = u(() => (L2 == null ? void 0 : L2.disabled) || I2.disabled), ie = u(() => {
|
|
46
|
+
})), ae = u((() => (L2 == null ? void 0 : L2.labelPosition) ?? "right")), le = u((() => "top" === ae.value)), se = u((() => le.value ? { width: "100%", textAlign: "left", padding: "0 0 8px 0" } : { textAlign: "left" === ae.value ? "left" : "right" })), oe = u((() => (L2 == null ? void 0 : L2.disabled) || I2.disabled)), ie = u((() => {
|
|
47
47
|
const e3 = L2 == null ? void 0 : L2.model;
|
|
48
48
|
return Y(e3);
|
|
49
|
-
}), ue = u(() => I2.prop ? S(I2.prop) ? I2.prop : I2.prop.join(".") : ""), de = u(() => {
|
|
49
|
+
})), ue = u((() => I2.prop ? S(I2.prop) ? I2.prop : I2.prop.join(".") : "")), de = u((() => {
|
|
50
50
|
const { required: e3 } = I2, r2 = [];
|
|
51
51
|
I2.rules && r2.push(...I2.rules);
|
|
52
52
|
const t2 = L2 == null ? void 0 : L2.rules;
|
|
53
53
|
if (t2 && I2.prop && Y(t2) && r2.push(...r2), !W(e3)) {
|
|
54
|
-
const t3 = $(M(r2, (e4, r3) => [e4, r3]), (e4) => B(R(e4[0]), "required"));
|
|
54
|
+
const t3 = $(M(r2, ((e4, r3) => [e4, r3])), ((e4) => B(R(e4[0]), "required")));
|
|
55
55
|
if (A(t3)) for (const a2 of t3) {
|
|
56
56
|
const [t4, l2] = a2;
|
|
57
57
|
t4.required !== e3 && (r2[l2] = { ...t4, required: e3 });
|
|
@@ -59,42 +59,42 @@ const H = Symbol("formContext"), J = Symbol("formItemContext"), K = { class: "px
|
|
|
59
59
|
else r2.push({ required: e3 });
|
|
60
60
|
}
|
|
61
61
|
return r2;
|
|
62
|
-
}), ne = u(() => W(I2.required) ? A($(de.value, (e3) => e3.required)) > 0 : I2.required);
|
|
62
|
+
})), ne = u((() => W(I2.required) ? A($(de.value, ((e3) => e3.required))) > 0 : I2.required));
|
|
63
63
|
let pe = null, ve = false;
|
|
64
64
|
const ce = async (e3, r2) => {
|
|
65
65
|
if (ve || !I2.prop || oe.value) return false;
|
|
66
66
|
if (!T2.value) return r2 == null ? void 0 : r2(false), false;
|
|
67
|
-
const t2 = function(e4) {
|
|
67
|
+
const t2 = (function(e4) {
|
|
68
68
|
const r3 = de.value;
|
|
69
|
-
return r3 ? $(r3, (r4) => !(r4 == null ? void 0 : r4.trigger) || !e4 || (E(r4.trigger) ? r4.trigger.includes(e4) : r4.trigger === e4)).map(({ trigger: e5, ...r4 }) => r4) : [];
|
|
70
|
-
}(e3);
|
|
71
|
-
return A(t2) ? (T2.value = "validating", async function(e4) {
|
|
69
|
+
return r3 ? $(r3, ((r4) => !(r4 == null ? void 0 : r4.trigger) || !e4 || (E(r4.trigger) ? r4.trigger.includes(e4) : r4.trigger === e4))).map((({ trigger: e5, ...r4 }) => r4)) : [];
|
|
70
|
+
})(e3);
|
|
71
|
+
return A(t2) ? (T2.value = "validating", (async function(e4) {
|
|
72
72
|
const r3 = ue.value;
|
|
73
|
-
return new G({ [r3]: e4 }).validate({ [r3]: ie.value }, { firstFields: true }).then(() => (T2.value = "success", L2 == null ? void 0 : L2.emits("validate", I2, true, ""), true)).catch((e5) => {
|
|
73
|
+
return new G({ [r3]: e4 }).validate({ [r3]: ie.value }, { firstFields: true }).then((() => (T2.value = "success", L2 == null ? void 0 : L2.emits("validate", I2, true, ""), true))).catch(((e5) => {
|
|
74
74
|
const { errors: r4 } = e5;
|
|
75
75
|
return T2.value = "error", U2.value = r4 && A(r4) > 0 ? r4[0].message ?? "" : "", L2 == null ? void 0 : L2.emits("validate", I2, false, U2.value), Promise.reject(e5);
|
|
76
|
-
});
|
|
77
|
-
}(t2).then(() => (r2 == null ? void 0 : r2(true), true)).catch((e4) => {
|
|
76
|
+
}));
|
|
77
|
+
})(t2).then((() => (r2 == null ? void 0 : r2(true), true))).catch(((e4) => {
|
|
78
78
|
const { fields: t3 } = e4;
|
|
79
79
|
return r2 == null ? void 0 : r2(false, t3), Promise.reject(t3);
|
|
80
|
-
})) : (r2 == null ? void 0 : r2(true), true);
|
|
80
|
+
}))) : (r2 == null ? void 0 : r2(true), true);
|
|
81
81
|
}, me = () => {
|
|
82
82
|
const e3 = L2 == null ? void 0 : L2.model;
|
|
83
|
-
e3 && ue.value && !W(V(e3, ue.value)) && (ve = true, e3[ue.value] = D(pe)), P(() => fe());
|
|
83
|
+
e3 && ue.value && !W(V(e3, ue.value)) && (ve = true, e3[ue.value] = D(pe)), P((() => fe()));
|
|
84
84
|
}, fe = () => {
|
|
85
85
|
T2.value = "init", U2.value = "", ve = false;
|
|
86
86
|
}, he = r({ ...t(I2), disabled: oe.value, validate: ce, resetField: me, clearValidate: fe, addInputId: (e3) => {
|
|
87
87
|
B(X2.value, e3) || X2.value.push(e3);
|
|
88
88
|
}, removeInputId: (e3) => {
|
|
89
|
-
X2.value = $(X2.value, (r2) => r2 !== e3);
|
|
89
|
+
X2.value = $(X2.value, ((r2) => r2 !== e3));
|
|
90
90
|
} });
|
|
91
|
-
return v(() => {
|
|
91
|
+
return v((() => {
|
|
92
92
|
I2.prop && (L2 == null ? void 0 : L2.addField(he), pe = ie.value);
|
|
93
|
-
}), c(() => {
|
|
93
|
+
})), c((() => {
|
|
94
94
|
I2.prop && (L2 == null ? void 0 : L2.removeField(he));
|
|
95
|
-
}), a(J, he), k2({ validateMessage: U2, validateStatus: T2, validate: ce, resetField: me, clearValidate: fe }), (e3, r2) => {
|
|
95
|
+
})), a(J, he), k2({ validateMessage: U2, validateStatus: T2, validate: ce, resetField: me, clearValidate: fe }), (e3, r2) => {
|
|
96
96
|
var _a, _b, _c;
|
|
97
|
-
return s(), l("div", { class: f(["px-form-item", { "is-error": "error" === T2.value, "is-disabled": oe.value, "is-required": ne.value, "asterisk-left": "left" === ((_a = h(L2)) == null ? void 0 : _a.requiredAsteriskPosition), "asterisk-right": "right" === ((_b = h(L2)) == null ? void 0 : _b.requiredAsteriskPosition) }]), style: m(le.value ? { flexDirection: "column" } : {}) }, [Z.value ? (s(), b(x(ee.value ? "label" : "div"), { key: 0, class: "px-form-item__label", style: m(se.value), id: h(Q2), for: ee.value }, { default: _(() => [o(e3.$slots, "label", { label: re.value }, () => [F(q(re.value), 1)], true)]), _: 3 }, 8, ["style", "id", "for"])) : g("", true), y("div", { class: "px-form-item__content", style: m(le.value ? { width: "100%" } : {}) }, [o(e3.$slots, "default", { validate: ce }, void 0, true), "error" === T2.value ? (s(), l("div", N, [((_c = h(L2)) == null ? void 0 : _c.showMessage) && e3.showMessage ? o(e3.$slots, "error", { key: 0, error: U2.value }, () => [F(q(U2.value), 1)], true) : g("", true)])) : g("", true)], 4)], 6);
|
|
97
|
+
return s(), l("div", { class: f(["px-form-item", { "is-error": "error" === T2.value, "is-disabled": oe.value, "is-required": ne.value, "asterisk-left": "left" === ((_a = h(L2)) == null ? void 0 : _a.requiredAsteriskPosition), "asterisk-right": "right" === ((_b = h(L2)) == null ? void 0 : _b.requiredAsteriskPosition) }]), style: m(le.value ? { flexDirection: "column" } : {}) }, [Z.value ? (s(), b(x(ee.value ? "label" : "div"), { key: 0, class: "px-form-item__label", style: m(se.value), id: h(Q2), for: ee.value }, { default: _((() => [o(e3.$slots, "label", { label: re.value }, (() => [F(q(re.value), 1)]), true)])), _: 3 }, 8, ["style", "id", "for"])) : g("", true), y("div", { class: "px-form-item__content", style: m(le.value ? { width: "100%" } : {}) }, [o(e3.$slots, "default", { validate: ce }, void 0, true), "error" === T2.value ? (s(), l("div", N, [((_c = h(L2)) == null ? void 0 : _c.showMessage) && e3.showMessage ? o(e3.$slots, "error", { key: 0, error: U2.value }, (() => [F(q(U2.value), 1)]), true) : g("", true)])) : g("", true)], 4)], 6);
|
|
98
98
|
};
|
|
99
99
|
} }), [["__scopeId", "data-v-b1c8aebb"]]);
|
|
100
100
|
function T() {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { r as v, g as h, s as o, _ as l, w as s, a as n } from "./utils-
|
|
1
|
+
import { r as v, g as h, s as o, _ as l, w as s, a as n } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { defineComponent as t, computed as e, createElementBlock as r, openBlock as w, mergeProps as i } from "vue";
|
|
3
3
|
const m = { xs: 12, sm: 18, md: 24, lg: 36, xl: 48, "2xl": 72, "1x": 24, "2x": 48, "3x": 72 }, z = ["innerHTML"], H = { key: 1, class: "px-icon__fallback" }, V = l(t({ name: "PxIcon", inheritAttrs: false, __name: "Icon", props: { icon: {}, size: { default: "md" }, rotation: {}, flip: {}, spin: { type: Boolean }, pulse: { type: Boolean }, bounce: { type: Boolean }, shake: { type: Boolean }, beat: { type: Boolean }, fade: { type: Boolean }, type: {}, color: {} }, setup(l2) {
|
|
4
|
-
const s2 = l2, n2 = e(() => v(s2.icon)), t2 = e(() => {
|
|
4
|
+
const s2 = l2, n2 = e((() => v(s2.icon))), t2 = e((() => {
|
|
5
5
|
const v2 = h(n2.value);
|
|
6
6
|
return v2 ? o(v2) : void 0;
|
|
7
|
-
}), V2 = e(() => {
|
|
7
|
+
})), V2 = e((() => {
|
|
8
8
|
const v2 = ["px-icon"];
|
|
9
9
|
return s2.type && v2.push(`px-icon--${s2.type}`), s2.size && v2.push(`px-icon--${s2.size}`), s2.spin && v2.push("px-icon--spin"), s2.pulse && v2.push("px-icon--pulse"), s2.bounce && v2.push("px-icon--bounce"), s2.shake && v2.push("px-icon--shake"), s2.beat && v2.push("px-icon--beat"), s2.fade && v2.push("px-icon--fade"), "horizontal" === s2.flip && v2.push("px-icon--flip-h"), "vertical" === s2.flip && v2.push("px-icon--flip-v"), "both" === s2.flip && v2.push("px-icon--flip-h", "px-icon--flip-v"), s2.rotation && v2.push(`px-icon--rotate-${s2.rotation}`), v2;
|
|
10
|
-
}), g2 = e(() => {
|
|
10
|
+
})), g2 = e((() => {
|
|
11
11
|
const v2 = {};
|
|
12
12
|
s2.color && (v2.color = s2.color);
|
|
13
13
|
const h2 = m[s2.size || "md"];
|
|
14
14
|
return v2.width = `${h2}px`, v2.height = `${h2}px`, v2;
|
|
15
|
-
});
|
|
15
|
+
}));
|
|
16
16
|
return (v2, h2) => (w(), r("i", i({ class: V2.value, style: g2.value }, v2.$attrs), [t2.value ? (w(), r("span", { key: 0, class: "px-icon__pixel", innerHTML: t2.value }, null, 8, z)) : (w(), r("span", H, "?"))], 16));
|
|
17
17
|
} }), [["__scopeId", "data-v-57d28fe2"]]), g = { check: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 6h2v2h-2V6zm-2 4V8h2v2h-2zm-2 2v-2h2v2h-2zm-2 2h2v-2h-2v2zm-2 2h2v-2h-2v2zm-2 0v2h2v-2H8zm-2-2h2v2H6v-2zm0 0H4v-2h2v2z" fill="currentColor"/></svg>', close: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 5h2v2H5V5zm4 4H7V7h2v2zm2 2H9V9h2v2zm2 0h-2v2H9v2H7v2H5v2h2v-2h2v-2h2v-2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2v-2zm2-2v2h-2V9h2zm2-2v2h-2V7h2zm0 0V5h2v2h-2z" fill="currentColor"/></svg>', "close-box": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 3H3v18h18V3H5zm14 2v14H5V5h14zm-8 4H9V7H7v2h2v2h2v2H9v2H7v2h2v-2h2v-2h2v2h2v2h2v-2h-2v-2h-2v-2h2V9h2V7h-2v2h-2v2h-2V9z" fill="currentColor"/></svg>', "info-box": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3h2v18H3V3zm16 0H5v2h14v14H5v2h16V3h-2zm-8 6h2V7h-2v2zm2 8h-2v-6h2v6z" fill="currentColor"/></svg>', "warning-box": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3h16v2H5v14h14v2H3V3zm18 0h-2v18h2V3zM11 15h2v2h-2v-2zm2-8h-2v6h2V7z" fill="currentColor"/></svg>', loader: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 2h-2v6h2V2zm0 14h-2v6h2v-6zm9-5v2h-6v-2h6zM8 13v-2H2v2h6zm7-6h2v2h-2V7zm4-2h-2v2h2V5zM9 7H7v2h2V7zM5 5h2v2H5V5zm10 12h2v2h2v-2h-2v-2h-2v2zm-8 0v-2h2v2H7v2H5v-2h2z" fill="currentColor"/></svg>', eye: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 6h8v2H8V6zm-4 4V8h4v2H4zm-2 2v-2h2v2H2zm0 2v-2H0v2h2zm2 2H2v-2h2v2zm4 2H4v-2h4v2zm8 0v2H8v-2h8zm4-2v2h-4v-2h4zm2-2v2h-2v-2h2zm0-2h2v2h-2v-2zm-2-2h2v2h-2v-2zm0 0V8h-4v2h4zm-10 1h4v4h-4v-4z" fill="currentColor"/></svg>', "eye-closed": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 7h2v2H0V7zm4 4H2V9h2v2zm4 2v-2H4v2H2v2h2v-2h4zm8 0H8v2H6v2h2v-2h8v2h2v-2h-2v-2zm4-2h-4v2h4v2h2v-2h-2v-2zm2-2v2h-2V9h2zm0 0V7h2v2h-2z" fill="currentColor"/></svg>', "chevron-down": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 8H5v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2V8h-2v2h-2v2h-2v2h-2v-2H9v-2H7V8z" fill="currentColor"/></svg>', "chevron-up": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 16H5v-2h2v-2h2v-2h2V8h2v2h2v2h2v2h2v2h-2v-2h-2v-2h-2v-2h-2v2H9v2H7v2z" fill="currentColor"/></svg>', "chevron-right": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 5v2h2V5H8zm4 4V7h-2v2h2zm2 2V9h-2v2h2zm0 2h2v-2h-2v2zm-2 2v-2h2v2h-2zm0 0h-2v2h2v-2zm-4 4v-2h2v2H8z" fill="currentColor"/></svg>', "chevron-left": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 5v2h-2V5h2zm-4 4V7h2v2h-2zm-2 2V9h2v2h-2zm0 2H8v-2h2v2zm2 2v-2h-2v2h2zm0 0h2v2h-2v-2zm4 4v-2h-2v2h2z" fill="currentColor"/></svg>', home: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2h-4v2H8v2H6v2H4v2H2v2h2v10h7v-6h2v6h7V12h2v-2h-2V8h-2V6h-2V4h-2V2zm0 2v2h2v2h2v2h2v2h-2v8h-3v-6H9v6H6v-8H4v-2h2V8h2V6h2V4h4z" fill="currentColor"/></svg>', user: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15 2H9v2H7v6h2V4h6V2zm0 8H9v2h6v-2zm0-6h2v6h-2V4zM4 16h2v-2h12v2H6v4h12v-4h2v6H4v-6z" fill="currentColor"/></svg>', search: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 2h8v2H6V2zM4 6V4h2v2H4zm0 8H2V6h2v8zm2 2H4v-2h2v2zm8 0v2H6v-2h8zm2-2h-2v2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2v-2zm0-8h2v8h-2V6zm0 0V4h-2v2h2z" fill="currentColor"/></svg>', "moon-star": '<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path d="M6 2h8v2h-2v2h-2V4H6V2ZM4 6V4h2v2H4Zm0 10H2V6h2v10Zm2 2H4v-2h2v2Zm2 2H6v-2h2v2Zm10 0v2H8v-2h10Zm2-2v2h-2v-2h2Zm-2-4v-2h2v-2h2v8h-2v-4h-2Zm-6 0h6v2h-6v-2Zm-2-2h2v2h-2v-2Zm0 0V6H8v6h2Zm8-10h2v2h2v2h-2v2h-2V6h-2V4h2V2Z"/></svg>', heart: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 2H5v2H3v2H1v6h2v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v-2h2v-2h2V6h-2V4h-2V2h-4v2h-2v2h-2V4H9V2zm0 2v2h2v2h2V6h2V4h4v2h2v6h-2v2h-2v2h-2v2h-2v2h-2v-2H9v-2H7v-2H5v-2H3V6h2V4h4z" fill="currentColor"/></svg>', circle: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 3H7v2H5v2H3v10h2v2h2v2h10v-2h2v-2h2V7h-2V5h-2V3zm0 2v2h2v10h-2v2H7v-2H5V7h2V5h10z" fill="currentColor"/></svg>', sliders: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 4h2v10h-2V4zm0 12h-2v2h2v2h2v-2h2v-2h-4zm-4-6h-2v10h2V10zm-8 2H3v2h2v6h2v-6h2v-2H5zm8-8h-2v2H9v2h6V6h-2V4zM5 4h2v6H5V4z" fill="currentColor"/></svg>', notification: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 4V2h-4v2H5v2h14V4h-5zm5 12H5v-4H3v6h5v4h2v-4h4v2h-4v2h6v-4h5v-6h-2V6h-2v8h2v2zM5 6v8h2V6H5z" fill="currentColor"/></svg>', alert: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 1h-2v2H9v2H7v2H5v2H3v2H1v2h2v2h2v2h2v2h2v2h2v2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2h-2V9h-2V7h-2V5h-2V3h-2V1zm0 2v2h2v2h2v2h2v2h2v2h-2v2h-2v2h-2v2h-2v2h-2v-2H9v-2H7v-2H5v-2H3v-2h2V9h2V7h2V5h2V3h2zm0 4h-2v6h2V7zm0 8h-2v2h2v-2z" fill="currentColor"/></svg>', bookmark: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 2H6v2h12v16h-2v-2h-2v-2h-4v2H8v2H6V2H4v20h4v-2h2v-2h4v2h2v2h4V2h-2z" fill="currentColor"/></svg>', zap: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"/></svg>', gift: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 12v8h-7m7-8h2V8h-3m1 4H5m13-4V4h-6m6 4H6m0 0V4h6M6 8H3v4h2m0 0v8h7m0 0V4" stroke="currentColor" stroke-width="2"/></svg>', music: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 4h12v16h-8v-8h6V8h-8v12H2v-8h6V4zm0 10H4v4h4v-4zm10 0h-4v4h4v-4z" fill="currentColor"/></svg>', coffee: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h18v7h-4v5H4V4zm14 5h2V6h-2v3zm-2-3H6v8h10V6zm3 14H3v-2h16v2z" fill="currentColor"/></svg>', edit: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 2h-2v2h-2v2h-2v2h-2v2H8v2H6v2H4v2H2v6h6v-2h2v-2h2v-2h2v-2h2v-2h2v-2h2V8h2V6h-2V4h-2V2zm0 8h-2v2h-2v2h-2v2h-2v2H8v-2H6v-2h2v-2h2v-2h2V8h2V6h2v2h2v2zM6 16H4v4h4v-2H6v-2z" fill="currentColor"/></svg>', trash: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 2v4h6v2h-2v14H4V8H2V6h6V2h8zm-2 2h-4v2h4V4zm0 4H6v12h12V8h-4zm-5 2h2v8H9v-8zm6 0h-2v8h2v-8z" fill="currentColor"/></svg>', upload: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 5V3h2v2h2v2h2v2h-2V7h-2v10h-2V7H9v2H7V7h2V5h2zM3 15v6h18v-6h-2v4H5v-4H3z" fill="currentColor"/></svg>', message: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H2v20h2V4h16v12H6v2H4v2h2v-2h16V2h-2z" fill="currentColor"/></svg>', "external-link": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 11V3h-8v2h4v2h-2v2h-2v2h-2v2H9v2h2v-2h2v-2h2V9h2V7h2v4h2zM11 5H3v16h16v-8h-2v6H5V7h6V5z" fill="currentColor"/></svg>', link: '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 6h7v2H4v8h7v2H2V6h2zm16 0h-7v2h7v8h-7v2h9V6h-2zm-3 5H7v2h10v-2z" fill="currentColor"/></svg>', "arrow-left": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8v2H6v-2H4v-2h2V9h2v2h12zM10 7H8v2h2V7zm0 0h2V5h-2v2zm0 10H8v-2h2v2zm0 0h2v2h-2v-2z" fill="currentColor"/></svg>', "arrow-right": '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12v2h2v-2h2v-2h-2V9h-2v2H4zm10-4h2v2h-2V7zm0 0h-2V5h2v2zm0 10h2v-2h-2v2zm0 0h-2v2h2v-2z" fill="currentColor"/></svg>' }, p = s(V);
|
|
18
18
|
function a() {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { d as e, w as a } from "./utils-
|
|
1
|
+
import { d as e, w as a } from "./utils-340oIQ8K.js";
|
|
2
2
|
import { defineComponent as l, ref as o, shallowRef as s, useAttrs as u, computed as p, watch as t, createElementBlock as r, openBlock as n, normalizeClass as d, unref as i, withDirectives as c, Fragment as f, createCommentVNode as v, createElementVNode as m, renderSlot as y, mergeProps as x, vModelDynamic as _, createBlock as h, withModifiers as w, vModelText as k, nextTick as b } from "vue";
|
|
3
|
-
import { c as $, u as B } from "./hooks-
|
|
4
|
-
import { u as V } from "./Form-
|
|
5
|
-
import { P as g } from "./Icon-
|
|
6
|
-
import { q as I, f as P } from "./vendor-
|
|
3
|
+
import { c as $, u as B } from "./hooks-qpAqkY5H.js";
|
|
4
|
+
import { u as V } from "./Form-X4dNzwFt.js";
|
|
5
|
+
import { P as g } from "./Icon-4XdUD4qc.js";
|
|
6
|
+
import { q as I, f as P } from "./vendor-DXmGx29U.js";
|
|
7
7
|
const j = { key: 0, class: "px-input__prepend" }, C = { key: 0, class: "px-input__prefix" }, F = ["id", "type", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "form"], R = { key: 1, class: "px-input__suffix" }, z = { key: 1, class: "px-input__append" }, M = ["id", "disabled", "readonly", "autocomplete", "placeholder", "autofocus", "form"], U = l({ name: "PxInput", inheritAttrs: false, __name: "Input", props: { id: {}, modelValue: {}, type: { default: "text" }, size: {}, disabled: { type: Boolean }, clearable: { type: Boolean }, showPassword: { type: Boolean }, placeholder: {}, readonly: { type: Boolean }, autocomplete: { default: "off" }, autofocus: { type: Boolean }, form: {} }, emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"], setup(a2, { expose: l2, emit: U2 }) {
|
|
8
|
-
const q2 = a2, A = U2, D = o(q2.modelValue), E = o(false), G = s(), H = s(), J = u(), { formItem: K } = V(), L = p(() => G.value || H.value), N = p(() => q2.disabled), O = p(() => q2.clearable && !!D.value && !N.value && T.value), Q = p(() => "password" === q2.type && q2.showPassword && !N.value && !!D.value), { wrapperRef: S, isFocused: T, handleFocus: W, handleBlur: X } = $(L, { afterBlur() {
|
|
9
|
-
K == null ? void 0 : K.validate("blur").catch((a3) => e());
|
|
8
|
+
const q2 = a2, A = U2, D = o(q2.modelValue), E = o(false), G = s(), H = s(), J = u(), { formItem: K } = V(), L = p((() => G.value || H.value)), N = p((() => q2.disabled)), O = p((() => q2.clearable && !!D.value && !N.value && T.value)), Q = p((() => "password" === q2.type && q2.showPassword && !N.value && !!D.value)), { wrapperRef: S, isFocused: T, handleFocus: W, handleBlur: X } = $(L, { afterBlur() {
|
|
9
|
+
K == null ? void 0 : K.validate("blur").catch(((a3) => e()));
|
|
10
10
|
} }), Y = () => {
|
|
11
|
-
D.value = "", P(["input", "change", "update:modelValue"], (e2) => A(e2, "")), A("clear"), K == null ? void 0 : K.clearValidate();
|
|
11
|
+
D.value = "", P(["input", "change", "update:modelValue"], ((e2) => A(e2, ""))), A("clear"), K == null ? void 0 : K.clearValidate();
|
|
12
12
|
};
|
|
13
13
|
function Z() {
|
|
14
14
|
A("update:modelValue", D.value), A("input", D.value);
|
|
@@ -19,9 +19,9 @@ const j = { key: 0, class: "px-input__prepend" }, C = { key: 0, class: "px-input
|
|
|
19
19
|
function ae() {
|
|
20
20
|
E.value = !E.value;
|
|
21
21
|
}
|
|
22
|
-
return t(() => q2.modelValue, (a3) => {
|
|
23
|
-
D.value = a3, K == null ? void 0 : K.validate("change").catch((a4) => e());
|
|
24
|
-
}), l2({ ref: L, focus: async () => {
|
|
22
|
+
return t((() => q2.modelValue), ((a3) => {
|
|
23
|
+
D.value = a3, K == null ? void 0 : K.validate("change").catch(((a4) => e()));
|
|
24
|
+
})), l2({ ref: L, focus: async () => {
|
|
25
25
|
var _a;
|
|
26
26
|
await b(), (_a = L.value) == null ? void 0 : _a.focus();
|
|
27
27
|
}, blur: () => {
|