@phila/phila-ui-input-form 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/InputForm.js +20 -18
- package/dist/InputForm.umd.cjs +1 -1
- package/dist/InputForm.vue.d.ts +2 -2
- package/package.json +3 -3
package/dist/InputForm.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import "./InputForm.css";
|
|
2
|
-
import { defineComponent as f, computed as h, openBlock as s, createElementBlock as
|
|
2
|
+
import { defineComponent as f, computed as h, openBlock as s, createElementBlock as a, mergeProps as v, toDisplayString as d, createCommentVNode as i, renderSlot as c, createElementVNode as u, pushScopeId as y, popScopeId as _ } from "vue";
|
|
3
3
|
import g from "@phila/phila-ui-core";
|
|
4
|
-
const k = (t) => (y("data-v-906e820c"), t = t(), _(), t),
|
|
4
|
+
const k = (t) => (y("data-v-906e820c"), t = t(), _(), t), b = ["id"], I = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "form-title form-padding"
|
|
7
7
|
}, C = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "form-subtitle form-padding"
|
|
10
|
-
},
|
|
10
|
+
}, B = {
|
|
11
11
|
key: 2,
|
|
12
12
|
class: "form-errors has-text-centered has-text-weight-bold has-text-love-park-red-dark"
|
|
13
|
-
},
|
|
13
|
+
}, E = /* @__PURE__ */ k(() => /* @__PURE__ */ u("span", { class: "icon" }, [
|
|
14
14
|
/* @__PURE__ */ u("i", { class: "fa fa-exclamation-triangle" })
|
|
15
|
-
], -1)),
|
|
15
|
+
], -1)), S = {
|
|
16
16
|
key: 3,
|
|
17
17
|
class: "form-submit form-padding"
|
|
18
|
-
}, { formHelpers:
|
|
18
|
+
}, { formHelpers: $ } = g, { randomID: V } = $, O = /* @__PURE__ */ f({
|
|
19
19
|
__name: "InputForm",
|
|
20
20
|
props: {
|
|
21
21
|
id: { default: V() },
|
|
@@ -23,7 +23,9 @@ const k = (t) => (y("data-v-906e820c"), t = t(), _(), t), I = ["id"], b = {
|
|
|
23
23
|
return [];
|
|
24
24
|
} },
|
|
25
25
|
optgroup: { type: Boolean },
|
|
26
|
+
disableableOptions: { type: Boolean },
|
|
26
27
|
options: {},
|
|
28
|
+
name: {},
|
|
27
29
|
textKey: {},
|
|
28
30
|
valueKey: {},
|
|
29
31
|
imaskProps: {},
|
|
@@ -32,31 +34,31 @@ const k = (t) => (y("data-v-906e820c"), t = t(), _(), t), I = ["id"], b = {
|
|
|
32
34
|
hideErrorsCount: { type: Boolean, default: !1 }
|
|
33
35
|
},
|
|
34
36
|
setup(t) {
|
|
35
|
-
const o = t, r = h(() => Array.isArray(o.errors) ? o.errors.length : typeof o.errors == "string" || typeof o.errors == "number" ? 1 : l(o.errors)), l = (e) => Object.keys(e).map((
|
|
36
|
-
(
|
|
37
|
+
const o = t, r = h(() => Array.isArray(o.errors) ? o.errors.length : typeof o.errors == "string" || typeof o.errors == "number" ? 1 : l(o.errors)), l = (e) => Object.keys(e).map((n) => e[n]).reduce(
|
|
38
|
+
(n, m) => m.length > 0 ? n + 1 : n,
|
|
37
39
|
0
|
|
38
40
|
);
|
|
39
|
-
return (e, p) => (s(),
|
|
41
|
+
return (e, p) => (s(), a("form", v({
|
|
40
42
|
id: `form-${e.id}`
|
|
41
43
|
}, e.$attrs, { novalidate: "" }), [
|
|
42
|
-
e.title ? (s(),
|
|
43
|
-
e.desc ? (s(),
|
|
44
|
+
e.title ? (s(), a("div", I, d(e.title), 1)) : i("", !0),
|
|
45
|
+
e.desc ? (s(), a("p", C, d(e.desc), 1)) : i("", !0),
|
|
44
46
|
c(e.$slots, "default", {}, void 0, !0),
|
|
45
|
-
!e.hideErrorsCount && r.value > 0 ? (s(),
|
|
46
|
-
|
|
47
|
+
!e.hideErrorsCount && r.value > 0 ? (s(), a("div", B, [
|
|
48
|
+
E,
|
|
47
49
|
u("span", null, " This form has " + d(r.value) + " error" + d(r.value > 1 ? "s" : ""), 1)
|
|
48
50
|
])) : i("", !0),
|
|
49
|
-
e.$slots.submit ? (s(),
|
|
51
|
+
e.$slots.submit ? (s(), a("div", S, [
|
|
50
52
|
c(e.$slots, "submit", {}, void 0, !0)
|
|
51
53
|
])) : i("", !0)
|
|
52
|
-
], 16,
|
|
54
|
+
], 16, b));
|
|
53
55
|
}
|
|
54
|
-
}),
|
|
56
|
+
}), P = (t, o) => {
|
|
55
57
|
const r = t.__vccOpts || t;
|
|
56
58
|
for (const [l, e] of o)
|
|
57
59
|
r[l] = e;
|
|
58
60
|
return r;
|
|
59
|
-
},
|
|
61
|
+
}, K = /* @__PURE__ */ P(O, [["__scopeId", "data-v-906e820c"]]);
|
|
60
62
|
export {
|
|
61
|
-
|
|
63
|
+
K as default
|
|
62
64
|
};
|
package/dist/InputForm.umd.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
(function(t,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],a):(t=typeof globalThis<"u"?globalThis:t||self,t.InputForm=a(t.Vue,t.PhilaUICore))})(this,function(t,a){"use strict";var f=document.createElement("style");f.textContent=`@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}.form-title[data-v-906e820c]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#444;font-weight:600;margin:0 0 .5rem;line-height:2.1875rem;font-size:1.75rem!important}.form-errors[data-v-906e820c]{font-size:.875rem;padding:1rem 1.5rem;background-color:#fee7e7;margin:1rem 0}.form-errors span.icon[data-v-906e820c]{font-size:1rem}
|
|
2
|
-
`,document.head.appendChild(f);const i=o=>(t.pushScopeId("data-v-906e820c"),o=o(),t.popScopeId(),o),p=["id"],c={key:0,class:"form-title form-padding"},m={key:1,class:"form-subtitle form-padding"},d={key:2,class:"form-errors has-text-centered has-text-weight-bold has-text-love-park-red-dark"},w=i(()=>t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fa fa-exclamation-triangle"})],-1)),h={key:3,class:"form-submit form-padding"},{formHelpers:u}=a,{randomID:S}=u,g=t.defineComponent({__name:"InputForm",props:{id:{default:S()},errors:{default(){return[]}},optgroup:{type:Boolean},options:{},textKey:{},valueKey:{},imaskProps:{},title:{default:""},desc:{default:""},hideErrorsCount:{type:Boolean,default:!1}},setup(o){const n=o,s=t.computed(()=>Array.isArray(n.errors)?n.errors.length:typeof n.errors=="string"||typeof n.errors=="number"?1:l(n.errors)),l=e=>Object.keys(e).map(r=>e[r]).reduce((r,y)=>y.length>0?r+1:r,0);return(e,O)=>(t.openBlock(),t.createElementBlock("form",t.mergeProps({id:`form-${e.id}`},e.$attrs,{novalidate:""}),[e.title?(t.openBlock(),t.createElementBlock("div",c,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0),e.desc?(t.openBlock(),t.createElementBlock("p",m,t.toDisplayString(e.desc),1)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},void 0,!0),!e.hideErrorsCount&&s.value>0?(t.openBlock(),t.createElementBlock("div",d,[w,t.createElementVNode("span",null," This form has "+t.toDisplayString(s.value)+" error"+t.toDisplayString(s.value>1?"s":""),1)])):t.createCommentVNode("",!0),e.$slots.submit?(t.openBlock(),t.createElementBlock("div",h,[t.renderSlot(e.$slots,"submit",{},void 0,!0)])):t.createCommentVNode("",!0)],16,p))}});return((o,n)=>{const s=o.__vccOpts||o;for(const[l,e]of n)s[l]=e;return s})(g,[["__scopeId","data-v-906e820c"]])});
|
|
2
|
+
`,document.head.appendChild(f);const i=o=>(t.pushScopeId("data-v-906e820c"),o=o(),t.popScopeId(),o),p=["id"],c={key:0,class:"form-title form-padding"},m={key:1,class:"form-subtitle form-padding"},d={key:2,class:"form-errors has-text-centered has-text-weight-bold has-text-love-park-red-dark"},w=i(()=>t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fa fa-exclamation-triangle"})],-1)),h={key:3,class:"form-submit form-padding"},{formHelpers:u}=a,{randomID:S}=u,g=t.defineComponent({__name:"InputForm",props:{id:{default:S()},errors:{default(){return[]}},optgroup:{type:Boolean},disableableOptions:{type:Boolean},options:{},name:{},textKey:{},valueKey:{},imaskProps:{},title:{default:""},desc:{default:""},hideErrorsCount:{type:Boolean,default:!1}},setup(o){const n=o,s=t.computed(()=>Array.isArray(n.errors)?n.errors.length:typeof n.errors=="string"||typeof n.errors=="number"?1:l(n.errors)),l=e=>Object.keys(e).map(r=>e[r]).reduce((r,y)=>y.length>0?r+1:r,0);return(e,O)=>(t.openBlock(),t.createElementBlock("form",t.mergeProps({id:`form-${e.id}`},e.$attrs,{novalidate:""}),[e.title?(t.openBlock(),t.createElementBlock("div",c,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0),e.desc?(t.openBlock(),t.createElementBlock("p",m,t.toDisplayString(e.desc),1)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},void 0,!0),!e.hideErrorsCount&&s.value>0?(t.openBlock(),t.createElementBlock("div",d,[w,t.createElementVNode("span",null," This form has "+t.toDisplayString(s.value)+" error"+t.toDisplayString(s.value>1?"s":""),1)])):t.createCommentVNode("",!0),e.$slots.submit?(t.openBlock(),t.createElementBlock("div",h,[t.renderSlot(e.$slots,"submit",{},void 0,!0)])):t.createCommentVNode("",!0)],16,p))}});return((o,n)=>{const s=o.__vccOpts||o;for(const[l,e]of n)s[l]=e;return s})(g,[["__scopeId","data-v-906e820c"]])});
|
package/dist/InputForm.vue.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputProps
|
|
1
|
+
import { InputProps } from '@phila/phila-ui-core';
|
|
2
2
|
import { InputFormProps } from './types';
|
|
3
3
|
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & InputFormProps>, {
|
|
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
17
17
|
id: any;
|
|
18
18
|
}>>>, {
|
|
19
19
|
id: string;
|
|
20
|
-
errors:
|
|
20
|
+
errors: import('@phila/phila-ui-core').InputErrors;
|
|
21
21
|
title: string;
|
|
22
22
|
desc: string;
|
|
23
23
|
hideErrorsCount: boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phila/phila-ui-input-form",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist"
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"access": "public"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@phila/phila-ui-core": "1.0.
|
|
23
|
+
"@phila/phila-ui-core": "^1.0.21",
|
|
24
24
|
"vue": "^3.3.8"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"vite-plugin-lib-inject-css": "^1.3.0",
|
|
34
34
|
"vue-tsc": "^1.8.22"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "62924e3ac0fd1187900911ff3346a09929ec5aa3"
|
|
37
37
|
}
|