npm - @phila/phila-ui-radio - Versions diffs - 0.0.4 → 0.0.6 - Mend

@phila/phila-ui-radio 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/{radio.js → Radio.js} +12 -10
package/dist/Radio.umd.cjs +1 -0
package/dist/Radio.vue.d.ts +8 -8
package/dist/types.d.ts +2 -1
package/package.json +8 -8
package/dist/radio.umd.cjs +0 -1

package/dist/{radio.js → Radio.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent as B, getCurrentInstance as I, ref as O, watch as N, openBlock as o, createElementBlock as l, normalizeClass as S, unref as s, createElementVNode as a, Fragment as u, createTextVNode as w, toDisplayString as n, renderSlot as h, createCommentVNode as v, normalizeStyle as D, renderList as P, withDirectives as z, mergeProps as E, vModelRadio as K } from "vue";
+import { defineComponent as B, getCurrentInstance as O, ref as I, watch as N, openBlock as o, createElementBlock as l, normalizeClass as S, unref as s, createElementVNode as a, Fragment as u, createTextVNode as w, toDisplayString as n, renderSlot as h, createCommentVNode as v, normalizeStyle as D, renderList as P, withDirectives as z, mergeProps as E, vModelRadio as K } from "vue";
 import R from "@phila/phila-ui-core";
 const T = {
   key: 0,
@@ -22,11 +22,13 @@ const T = {
       return [];
     } },
     optgroup: { type: Boolean },
+    disableableOptions: { type: Boolean },
     options: { default: () => ({
       "option-1": "Option 1",
       "option-2": "Option 2",
       "option-3": "Option 3"
     }) },
+    name: {},
     textKey: { default: "" },
     valueKey: { default: "" },
     imaskProps: {},
@@ -38,18 +40,18 @@ const T = {
   },
   emits: ["update:modelValue", "change"],
   setup($, { emit: V }) {
-    const r = $, p = V, y = I(), { error: c, classes: C, optionText: k, optionValue: m } = g.useInput.useInputComposable(y, r), i = O(r.modelValue);
+    const r = $, p = V, y = O(), { error: m, classes: b, optionText: C, optionValue: c } = g.useInput.useInputComposable(y, r), i = I(r.modelValue);
     N(
       () => r.modelValue,
       (e) => {
         i.value = e;
       }
     );
-    const b = (e) => {
+    const k = (e) => {
       p("change", e), p("update:modelValue", i.value);
     };
     return (e, f) => (o(), l("div", {
-      class: S(["input-wrap input-radio", [s(C), r.small && "small-checkradio"]])
+      class: S(["input-wrap input-radio", [s(b), r.small && "small-checkradio"]])
     }, [
       a("fieldset", null, [
         a("legend", null, [
@@ -57,9 +59,9 @@ const T = {
             w(n(e.label) + " " + n(e.$attrs.required !== void 0 ? "*" : ""), 1)
           ], 64)) : h(e.$slots, "label", { key: 1 })
         ]),
-        s(c) ? (o(), l("div", T, [
+        s(m) ? (o(), l("div", T, [
           U,
-          a("span", null, n(s(c)), 1)
+          a("span", null, n(s(m)), 1)
         ])) : v("", !0),
         e.desc ? (o(), l("div", q, n(e.desc), 1)) : (o(), l(u, { key: 2 }, [
           e.$slots.desc ? (o(), l("div", A, [
@@ -80,17 +82,17 @@ const T = {
               "onUpdate:modelValue": f[0] || (f[0] = (_) => i.value = _),
               type: "radio",
               role: "radio",
-              "aria-checked": e.modelValue === s(m)(d, t),
+              "aria-checked": e.modelValue === s(c)(d, t),
               name: `rd-${t}-${e.id}`,
               class: "is-checkradio",
-              value: s(m)(d, t),
+              value: s(c)(d, t),
               ref_for: !0
-            }, e.$attrs, { onChange: b }), null, 16, H), [
+            }, e.$attrs, { onChange: k }), null, 16, H), [
               [K, i.value]
             ]),
             a("label", {
               for: `rd-${t}-${e.id}`
-            }, n(s(k)(d)), 9, L)
+            }, n(s(C)(d)), 9, L)
           ]))), 128))
         ], 12, F)
       ])

package/dist/Radio.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/Radio.vue.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { InputProps } from "@phila/phila-ui-core";
-import { RadioProps } from "./types";
-import PhilaUICore from "@phila/phila-ui-core";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & RadioProps>, {
+import { InputProps } from '@phila/phila-ui-core';
+import { RadioProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & RadioProps>, {
     id: any;
     errors(): never[];
     label: string;
@@ -16,10 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         "option-2": string;
         "option-3": string;
     };
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & RadioProps>, {
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & RadioProps>, {
     id: any;
     errors(): never[];
     label: string;
@@ -39,8 +39,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
-    errors: PhilaUICore.InputErrors;
-    options: (PhilaUICore.HTMLInputValue[] | PhilaUICore.InputOptions | PhilaUICore.InputOptions[] | PhilaUICore.InputOptionsGroup | undefined) & (object | (string | number | object)[]);
+    errors: import('@phila/phila-ui-core').InputErrors;
+    options: (import('@phila/phila-ui-core').HTMLInputValue[] | import('@phila/phila-ui-core').InputOptions | import('@phila/phila-ui-core').InputOptions[] | import('@phila/phila-ui-core').InputOptionsGroup | import('@phila/phila-ui-core').InputOptionObject[] | undefined) & (object | (string | number | object)[]);
     textKey: string;
     valueKey: string;
     label: string;

package/dist/types.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import Radio from './Radio.vue';
+import { default as Radio } from './Radio.vue';
 declare module 'vue' {
     interface GlobalComponents {
         Radio: typeof Radio;

package/package.json CHANGED Viewed

@@ -1,31 +1,31 @@
 {
   "name": "@phila/phila-ui-radio",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "files": [
     "dist"
   ],
-  "main": "./dist/radio.umd.cjs",
-  "module": "./dist/radio.js",
+  "main": "./dist/Radio.umd.cjs",
+  "module": "./dist/Radio.js",
   "types": "./dist/types.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/types.d.ts",
-        "default": "./dist/radio.js"
+        "default": "./dist/Radio.js"
       },
-      "require": "./dist/radio.umd.cjs"
+      "require": "./dist/Radio.umd.cjs"
     }
   },
   "scripts": {
     "dev": "vite",
     "prepublish": "npm i && npm run build",
-    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outdir ./dist",
+    "build": "vue-tsc && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@phila/phila-ui-core": "1.0.12",
+    "@phila/phila-ui-core": "^1.0.21",
     "bulma": "^0.9.4",
     "vue": "^3.3.8"
   },
@@ -43,5 +43,5 @@
     "registry": "https://registry.npmjs.com/",
     "access": "public"
   },
-  "gitHead": "17ea0e29f4566d58fe5eccba43c916d4453129ad"
+  "gitHead": "62924e3ac0fd1187900911ff3346a09929ec5aa3"
 }

package/dist/radio.umd.cjs DELETED Viewed

@@ -1 +0,0 @@

- (function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.Radio=l(e.Vue,e.PhilaUICore))})(this,function(e,l){"use strict";const m={key:0,class:"input-error-msg"},f=e.createElementVNode("span",{class:"icon"},[e.createElementVNode("i",{class:"fas fa-exclamation-circle"})],-1),u={key:1,class:"is-field-info"},h={key:0,class:"is-field-info"},k=["id"],V=["id","aria-checked","name","value"],B=["for"],{formHelpers:s}=l,{randomID:g}=s,y={inheritAttrs:!1};return e.defineComponent({...y,__name:"Radio",props:{id:{default:g()},errors:{default(){return[]}},optgroup:{type:Boolean},options:{default:()=>({"option-1":"Option 1","option-2":"Option 2","option-3":"Option 3"})},textKey:{default:""},valueKey:{default:""},imaskProps:{},label:{default:""},desc:{default:""},modelValue:{type:[String,Number,Boolean],default:""},numOfColumns:{default:1},small:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(E,{emit:$}){const n=E,i=$,N=e.getCurrentInstance(),{error:d,classes:C,optionText:S,optionValue:c}=s.useInput.useInputComposable(N,n),a=e.ref(n.modelValue);e.watch(()=>n.modelValue,o=>{a.value=o});const _=o=>{i("change",o),i("update:modelValue",a.value)};return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap input-radio",[e.unref(C),n.small&&"small-checkradio"]])},[e.createElementVNode("fieldset",null,[e.createElementVNode("legend",null,[o.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.label)+" "+e.toDisplayString(o.$attrs.required!==void 0?"*":""),1)],64)):e.renderSlot(o.$slots,"label",{key:1})]),e.unref(d)?(e.openBlock(),e.createElementBlock("div",m,[f,e.createElementVNode("span",null,e.toDisplayString(e.unref(d)),1)])):e.createCommentVNode("",!0),o.desc?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(o.desc),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.$slots.desc?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"desc")])):e.createCommentVNode("",!0)],64)),e.createElementVNode("div",{id:`rd-group-${o.id}`,style:e.normalizeStyle(`columns: ${o.numOfColumns} auto`),role:"radiogroup"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(r,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"control"},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:`rd-${t}-${o.id}`,"onUpdate:modelValue":p[0]||(p[0]=D=>a.value=D),type:"radio",role:"radio","aria-checked":o.modelValue===e.unref(c)(r,t),name:`rd-${t}-${o.id}`,class:"is-checkradio",value:e.unref(c)(r,t),ref_for:!0},o.$attrs,{onChange:_}),null,16,V),[[e.vModelRadio,a.value]]),e.createElementVNode("label",{for:`rd-${t}-${o.id}`},e.toDisplayString(e.unref(S)(r)),9,B)]))),128))],12,k)])],2))}})});