hisonvue 1.1.22 → 1.1.24

package/dist/HInputGroup-DSUZqea5.mjs

@@ -1,281 +0,0 @@
-import { defineComponent as U, ref as h, provide as I, onMounted as T, onBeforeUnmount as $, watch as _, createElementBlock as H, openBlock as L, renderSlot as q } from "vue";
-import { V as A, W as g, E as P, g as k, y as C, l as c, h as D, r as B, c as w, d as x } from "./index-CGr5-mvg.mjs";
-import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const z = {
-  /**
-   * Unique identifier for the input.
-   * - You can later retrieve its methods via `hison.component.getButton(id)`
-   * - ⚠️ Duplicate `id` values will throw an error at mount time
-   */
-  id: { type: String, required: !1 },
-  /**
-   * Edit mode of the input.
-   * - Values: `'editable'`, `'readonly'`, `'disable'`
-   * - `'readonly'` and `'disable'` both prevent editing but differ in styling
-   */
-  editMode: {
-    type: String,
-    required: !1,
-    validator: (n) => n == null || P.includes(n)
-  },
-  /**
-   * Initial status of the input group.
-   * 
-   * This prop sets the internal data status of the group, which is managed using `DataStatus` enum.
-   * Typical values are:
-   * - `'C'`: Created (new)
-   * - `'R'`: Read (default)
-   * - `'U'`: Updated (modified)
-   * - `'D'`: Deleted
-   * 
-   * The status value is used to track the data lifecycle and is accessible or modifiable
-   * through runtime methods:
-   * 
-   * ```ts
-   * const group = hison.component.getInputGroup('group1');
-   * group.getStatus();      // 'R'
-   * group.setStatus('U');   // Change to 'updated'
-   * ```
-   * 
-   * @default 'R'
-   */
-  status: {
-    type: String,
-    required: !1,
-    default: g.R,
-    validator: (n) => A.includes(n)
-  },
-  /**
-   * Two-way binding value for the input group.
-   *
-   * Enables `v-model` support for grouped form data represented as a plain object (`Record<string, any>`),
-   * where each property key corresponds to an `<HInput>` component’s `id`.
-   *
-   * When used, `HInputGroup` will automatically:
-   * - Initialize child inputs' values based on this object during registration (`registerToInputGroup`)
-   * - Emit `update:modelValue` whenever any input’s value is modified, including the updated object
-   * - Maintain modification state and status tracking (`C`, `R`, `U`, `D`) as values change
-   *
-   * ---  
-   *
-   * ### Example
-   * ```vue
-   * <HInputGroup v-model="form" id="group1">
-   *   <HInput id="name" inputType="text" />
-   *   <HInput id="age" inputType="number" />
-   * </HInputGroup>
-   *
-   * <script setup lang="ts">
-   * const form = ref({ name: 'John', age: 26 })
-   * <\/script>
-   * ```
-   *
-   * ---
-   *
-   * ### Notes
-   * - Any input must define an `id` that matches a key in this object to be bound correctly
-   * - The object is shallow-merged on each child change to preserve reactivity
-   * - This binding is fully compatible with manual `.load()` and `.getDataObject()` usage
-   *
-   * @prop {Record<string, any>} modelValue - Bound value object for all child inputs. Supports `v-model` binding.
-   * @default {}
-   */
-  modelValue: {
-    type: Object,
-    default: () => ({})
-  }
-}, F = U({
-  name: "HInputGroup",
-  props: z,
-  emits: [
-    "update:modelValue",
-    "mounted"
-  ],
-  setup(n, { emit: V }) {
-    const G = h(null), b = h(null), m = n.id ?? k(), y = `hinputGroup:${m}`, E = h(n.editMode ?? C.editable), v = h(n.status ?? g.R), i = h([]), a = h({}), d = h({});
-    I("registerToInputGroup", (e) => {
-      var t, o, u, s, f;
-      if (!i.value.includes(e)) {
-        i.value.push(e), i.value.sort((p, R) => p.localeCompare(R));
-        const r = n.modelValue ?? {};
-        r && Object.prototype.hasOwnProperty.call(r, e) && ((o = (t = c.component.getInput(e)) == null ? void 0 : t.setValue) == null || o.call(t, r[e]));
-        const l = c.component.getInput(e);
-        if (((u = l == null ? void 0 : l.getInputType) == null ? void 0 : u.call(l)) === "radio") {
-          const p = ((s = l.getName) == null ? void 0 : s.call(l)) || e;
-          a.value[p] || (a.value[p] = []), a.value[p].includes(e) || a.value[p].push(e), (f = l.getValue) != null && f.call(l) ? d.value[p] = e : Object.prototype.hasOwnProperty.call(d.value, p) || (d.value[p] = null);
-        }
-      }
-    }), I("radioMembershipChanged", (e, t, o, u) => {
-      var s, f;
-      if (t !== o) {
-        if (t && a.value[t]) {
-          if (a.value[t] = a.value[t].filter((r) => r !== e), d.value[t] === e) {
-            d.value[t] = null;
-            const r = { ...n.modelValue || {} };
-            r[t] = null, V("update:modelValue", r, e);
-          }
-          a.value[t].length === 0 && (delete a.value[t], delete d.value[t]);
-        }
-        if (a.value[o] || (a.value[o] = []), a.value[o].includes(e) || a.value[o].push(e), u) {
-          d.value[o] = e;
-          for (const l of a.value[o])
-            (f = (s = c.component.getInput(l)) == null ? void 0 : s.setValue) == null || f.call(s, l === e);
-          const r = { ...n.modelValue || {} };
-          r[o] = e, V("update:modelValue", r, e), v.value !== g.U && (v.value = g.U);
-        } else
-          Object.prototype.hasOwnProperty.call(d.value, o) || (d.value[o] = null);
-      }
-    }), I("notifyInputGroupStatus", (e, t) => {
-      var u, s;
-      if (a.value[e]) {
-        const f = e, r = t;
-        d.value[f] = r;
-        for (const p of a.value[f])
-          (s = (u = c.component.getInput(p)) == null ? void 0 : u.setValue) == null || s.call(u, p === r);
-        const l = { ...n.modelValue || {} };
-        l[f] = r, V("update:modelValue", l, r ?? void 0), v.value !== g.U && (v.value = g.U);
-        return;
-      }
-      v.value !== g.U && (v.value = g.U);
-      const o = {
-        ...n.modelValue,
-        [e]: t
-      };
-      V("update:modelValue", o, e);
-    });
-    const O = () => {
-      const e = {};
-      if (!i.value) return e;
-      i.value.forEach((t) => {
-        var u, s;
-        const o = c.component.getInput(t);
-        o && ((u = o.getInputType) == null ? void 0 : u.call(o)) !== "radio" && (e[t] = (s = o.getValue) == null ? void 0 : s.call(o));
-      });
-      for (const [t, o] of Object.entries(a.value)) {
-        let u = d.value[t] ?? null;
-        u && !o.includes(u) && (u = null), e[t] = u;
-      }
-      return e;
-    }, M = (e) => {
-      if (!(!e || typeof e != "object")) {
-        Object.keys(e).forEach((t) => {
-          var o, u;
-          if (i.value.includes(t)) {
-            const s = e[t];
-            (u = (o = c.component.getInput(t)) == null ? void 0 : o.setValue) == null || u.call(o, s);
-          }
-        });
-        for (const [t, o] of Object.entries(a.value)) {
-          if (!Object.prototype.hasOwnProperty.call(e, t)) continue;
-          const u = e[t];
-          o.forEach((s) => {
-            var l;
-            const f = c.component.getInput(s);
-            if (!f) return;
-            const r = u === s;
-            (l = f.setValue) == null || l.call(f, r);
-          }), d.value[t] = u ?? null;
-        }
-      }
-    }, S = () => {
-      D.component.inputGroupList[m] && D.component.inputGroupList[m].isHisonvueComponent && console.warn(`[Hisonvue] The input group ID is at risk of being duplicated. ${m}`), B(y, () => {
-        j(), setTimeout(S);
-      }), G.value && (b.value = {
-        isHisonvueComponent: !0,
-        getId: () => m,
-        getType: () => "inputGroup",
-        clear: (e = !0) => {
-          i.value.forEach((t) => {
-            const o = c.component.getInput(t);
-            o && o.setValue(null);
-          }), e && (v.value = g.C);
-        },
-        getDataModel: () => new c.data.DataModel(O()),
-        setDataModel: (e) => {
-          if (e.getRowCount() > 0) return M(e.getRow(0));
-        },
-        getDataObject: () => O(),
-        setDataObject: (e) => M(e),
-        load: (e) => {
-          if (e && e.getIsDataModel && e.getIsDataModel()) {
-            const t = e;
-            if (t.getColumnCount() === 0 || t.getRowCount() === 0) return;
-            M(t.getRow(0));
-          } else e && typeof e == "object" && M(e);
-        },
-        getStatus: () => v.value,
-        setStatus: (e) => {
-          v.value = g[e];
-        },
-        isModified: () => {
-          for (const e of i.value) {
-            const t = c.component.getInput(e);
-            if (t && t.isModified()) return !0;
-          }
-          return !1;
-        },
-        initModified: () => {
-          i.value.forEach((e) => {
-            const t = c.component.getInput(e);
-            t && t.setModified(!1);
-          });
-        },
-        checkRequired: () => {
-          var e, t;
-          for (const o of i.value) {
-            const u = c.component.getInput(o);
-            if ((e = u == null ? void 0 : u.getRequired) != null && e.call(u) && !((t = u.getValue) != null && t.call(u)))
-              return u;
-          }
-          return null;
-        },
-        getEditMode: () => E.value,
-        setEditMode: (e) => {
-          E.value = e, i.value.forEach((t) => {
-            const o = c.component.getInput(t);
-            o && o.setEditMode(e);
-          });
-        },
-        focus: (e) => {
-          var t;
-          if (e) return (t = c.component.getInput(e)) == null ? void 0 : t.focus();
-          for (const o of i.value) {
-            const u = c.component.getInput(o);
-            if (u && u.getEditMode() === C.editable)
-              return u.focus();
-          }
-        },
-        reload: () => w(y)
-      }, D.component.inputGroupList[m] = b.value, V("mounted", b.value));
-    }, j = () => {
-      x(y), delete D.component.inputGroupList[m], i.value = [];
-    };
-    return T(S), $(j), _(() => n.modelValue, (e) => {
-      M(e);
-    }, { deep: !0 }), _(() => n.modelValue, (e) => {
-      M(e);
-    }, { deep: !0 }), _(() => n.editMode, (e) => {
-      e && e !== E.value && (E.value = e, i.value.forEach((t) => {
-        var o, u;
-        return (u = (o = c.component.getInput(t)) == null ? void 0 : o.setEditMode) == null ? void 0 : u.call(o, E.value);
-      }));
-    }), _(() => n.status, (e) => {
-      e && e !== v.value && (v.value = e);
-    }), {
-      inputGroupRef: G,
-      props: n
-    };
-  }
-}), J = {
-  ref: "inputGroupRef",
-  class: "hison-data-group"
-};
-function K(n, V, G, b, m, y) {
-  return L(), H("div", J, [
-    q(n.$slots, "default")
-  ], 512);
-}
-const Z = /* @__PURE__ */ W(F, [["render", K]]);
-export {
-  Z as default
-};

package/dist/HInputGroup-gD-E8vgq.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),n=require("./index-DcB16odB.js"),G=require("./_plugin-vue_export-helper-BHFhmbuH.js"),I={id:{type:String,required:!1},editMode:{type:String,required:!1,validator:l=>l==null||n.EDIT_MODE_VALUES.includes(l)},status:{type:String,required:!1,default:n.DataStatus.R,validator:l=>n.DATA_STATUS_VALUES.includes(l)},modelValue:{type:Object,default:()=>({})}},O=s.defineComponent({name:"HInputGroup",props:I,emits:["update:modelValue","mounted"],setup(l,{emit:m}){const b=s.ref(null),S=s.ref(null),h=l.id??n.getUUID(),V=`hinputGroup:${h}`,D=s.ref(l.editMode??n.EditMode.editable),g=s.ref(l.status??n.DataStatus.R),f=s.ref([]),r=s.ref({}),p=s.ref({});s.provide("registerToInputGroup",e=>{var t,o,u,i,d;if(!f.value.includes(e)){f.value.push(e),f.value.sort((v,C)=>v.localeCompare(C));const c=l.modelValue??{};c&&Object.prototype.hasOwnProperty.call(c,e)&&((o=(t=n.hison.component.getInput(e))==null?void 0:t.setValue)==null||o.call(t,c[e]));const a=n.hison.component.getInput(e);if(((u=a==null?void 0:a.getInputType)==null?void 0:u.call(a))==="radio"){const v=((i=a.getName)==null?void 0:i.call(a))||e;r.value[v]||(r.value[v]=[]),r.value[v].includes(e)||r.value[v].push(e),(d=a.getValue)!=null&&d.call(a)?p.value[v]=e:Object.prototype.hasOwnProperty.call(p.value,v)||(p.value[v]=null)}}}),s.provide("radioMembershipChanged",(e,t,o,u)=>{var i,d;if(t!==o){if(t&&r.value[t]){if(r.value[t]=r.value[t].filter(c=>c!==e),p.value[t]===e){p.value[t]=null;const c={...l.modelValue||{}};c[t]=null,m("update:modelValue",c,e)}r.value[t].length===0&&(delete r.value[t],delete p.value[t])}if(r.value[o]||(r.value[o]=[]),r.value[o].includes(e)||r.value[o].push(e),u){p.value[o]=e;for(const a of r.value[o])(d=(i=n.hison.component.getInput(a))==null?void 0:i.setValue)==null||d.call(i,a===e);const c={...l.modelValue||{}};c[o]=e,m("update:modelValue",c,e),g.value!==n.DataStatus.U&&(g.value=n.DataStatus.U)}else Object.prototype.hasOwnProperty.call(p.value,o)||(p.value[o]=null)}}),s.provide("notifyInputGroupStatus",(e,t)=>{var u,i;if(r.value[e]){const d=e,c=t;p.value[d]=c;for(const v of r.value[d])(i=(u=n.hison.component.getInput(v))==null?void 0:u.setValue)==null||i.call(u,v===c);const a={...l.modelValue||{}};a[d]=c,m("update:modelValue",a,c??void 0),g.value!==n.DataStatus.U&&(g.value=n.DataStatus.U);return}g.value!==n.DataStatus.U&&(g.value=n.DataStatus.U);const o={...l.modelValue,[e]:t};m("update:modelValue",o,e)});const y=()=>{const e={};if(!f.value)return e;f.value.forEach(t=>{var u,i;const o=n.hison.component.getInput(t);o&&((u=o.getInputType)==null?void 0:u.call(o))!=="radio"&&(e[t]=(i=o.getValue)==null?void 0:i.call(o))});for(const[t,o]of Object.entries(r.value)){let u=p.value[t]??null;u&&!o.includes(u)&&(u=null),e[t]=u}return e},M=e=>{if(!(!e||typeof e!="object")){Object.keys(e).forEach(t=>{var o,u;if(f.value.includes(t)){const i=e[t];(u=(o=n.hison.component.getInput(t))==null?void 0:o.setValue)==null||u.call(o,i)}});for(const[t,o]of Object.entries(r.value)){if(!Object.prototype.hasOwnProperty.call(e,t))continue;const u=e[t];o.forEach(i=>{var a;const d=n.hison.component.getInput(i);if(!d)return;const c=u===i;(a=d.setValue)==null||a.call(d,c)}),p.value[t]=u??null}}},E=()=>{n.hisonCloser.component.inputGroupList[h]&&n.hisonCloser.component.inputGroupList[h].isHisonvueComponent&&console.warn(`[Hisonvue] The input group ID is at risk of being duplicated. ${h}`),n.registerReloadable(V,()=>{_(),setTimeout(E)}),b.value&&(S.value={isHisonvueComponent:!0,getId:()=>h,getType:()=>"inputGroup",clear:(e=!0)=>{f.value.forEach(t=>{const o=n.hison.component.getInput(t);o&&o.setValue(null)}),e&&(g.value=n.DataStatus.C)},getDataModel:()=>new n.hison.data.DataModel(y()),setDataModel:e=>{if(e.getRowCount()>0)return M(e.getRow(0))},getDataObject:()=>y(),setDataObject:e=>M(e),load:e=>{if(e&&e.getIsDataModel&&e.getIsDataModel()){const t=e;if(t.getColumnCount()===0||t.getRowCount()===0)return;M(t.getRow(0))}else e&&typeof e=="object"&&M(e)},getStatus:()=>g.value,setStatus:e=>{g.value=n.DataStatus[e]},isModified:()=>{for(const e of f.value){const t=n.hison.component.getInput(e);if(t&&t.isModified())return!0}return!1},initModified:()=>{f.value.forEach(e=>{const t=n.hison.component.getInput(e);t&&t.setModified(!1)})},checkRequired:()=>{var e,t;for(const o of f.value){const u=n.hison.component.getInput(o);if((e=u==null?void 0:u.getRequired)!=null&&e.call(u)&&!((t=u.getValue)!=null&&t.call(u)))return u}return null},getEditMode:()=>D.value,setEditMode:e=>{D.value=e,f.value.forEach(t=>{const o=n.hison.component.getInput(t);o&&o.setEditMode(e)})},focus:e=>{var t;if(e)return(t=n.hison.component.getInput(e))==null?void 0:t.focus();for(const o of f.value){const u=n.hison.component.getInput(o);if(u&&u.getEditMode()===n.EditMode.editable)return u.focus()}},reload:()=>n.reloadHisonComponent(V)},n.hisonCloser.component.inputGroupList[h]=S.value,m("mounted",S.value))},_=()=>{n.unregisterReloadable(V),delete n.hisonCloser.component.inputGroupList[h],f.value=[]};return s.onMounted(E),s.onBeforeUnmount(_),s.watch(()=>l.modelValue,e=>{M(e)},{deep:!0}),s.watch(()=>l.modelValue,e=>{M(e)},{deep:!0}),s.watch(()=>l.editMode,e=>{e&&e!==D.value&&(D.value=e,f.value.forEach(t=>{var o,u;return(u=(o=n.hison.component.getInput(t))==null?void 0:o.setEditMode)==null?void 0:u.call(o,D.value)}))}),s.watch(()=>l.status,e=>{e&&e!==g.value&&(g.value=e)}),{inputGroupRef:b,props:l}}}),j={ref:"inputGroupRef",class:"hison-data-group"};function R(l,m,b,S,h,V){return s.openBlock(),s.createElementBlock("div",j,[s.renderSlot(l.$slots,"default")],512)}const U=G._export_sfc(O,[["render",R]]);exports.default=U;

package/dist/HLabel-BAbaNhJP.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./index-DcB16odB.js"),M=require("./setButtonCssEvent-CTLQPvWj.js"),ie=require("./_plugin-vue_export-helper-BHFhmbuH.js"),ce={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},title:{type:String,required:!1},text:{type:String,required:!1},href:{type:String,default:null},anchorAttrs:{type:Object,default:()=>({})},fontBold:{type:Boolean,default:!1},fontItalic:{type:Boolean,default:!1},fontThruline:{type:Boolean,default:!1},fontUnderline:{type:Boolean,default:!1},textAlign:{type:String,default:null,validator:l=>l==null||a.TEXT_ALIGN_VALUES.includes(l)},border:{type:Boolean,default:!1},backgroundType:{type:String,default:a.BackgroundType.empty,validator:l=>a.BACKGROUND_TYPE_VALUES.includes(l)},toggleTarget:{type:String,default:null},translate:{type:Boolean,default:!0},tabIndex:{type:[Number,String],default:null,validator:l=>l===null||l===""||!isNaN(+l)&&isFinite(+l)}},de=t.defineComponent({name:"HLabel",props:ce,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(l,{emit:o,slots:G}){const v=t.ref(null),g=t.ref(null),r=l.id?l.id:a.getUUID(),s=`hlabel:${r}`,F=a.useDevice(),U=t.useSlots(),T=t.ref(l.visible),c=t.ref(l.title||""),y=t.ref(l.textAlign??a.TextAlign.left),J=t.computed(()=>({textAlign:y.value})),d=t.ref(l.href??null),u=t.ref({...l.anchorAttrs||{}}),h=t.computed(()=>!!(d.value&&String(d.value).trim())),X=t.computed(()=>{const e={...u.value};return c.value&&e.title==null&&(e.title=c.value),e.href=d.value||void 0,e.download===!0&&(e.download=""),String(e.target||"")==="_blank"&&(e.rel==null||String(e.rel).trim()==="")&&(e.rel="noopener noreferrer"),e}),N=t.computed(()=>U.default?U.default():[]),H=t.computed(()=>N.value.length>0&&N.value.every(e=>e.type===t.Text)),A=t.computed(()=>!!U.default&&!H.value),Y=t.computed(()=>A.value?"div":h.value?"a":"span"),C=t.ref(l.fontBold),Q=t.computed(()=>{if(C.value)return"hison-font-bold"}),p=t.ref(l.fontItalic),W=t.computed(()=>{if(p.value)return"hison-font-italic"}),k=t.ref(l.fontThruline),Z=t.computed(()=>{if(k.value)return"hison-font-thruline-important"}),B=t.ref(l.fontUnderline),_=t.computed(()=>{if(B.value)return"hison-font-underline-important"}),w=t.ref(l.border??!1),S=t.ref(l.backgroundType||a.BackgroundType.empty),ee=t.computed(()=>T.value?"":"hison-display-none"),te=t.computed(()=>w.value?"hison-border":""),le=t.computed(()=>{switch(S.value){case a.BackgroundType.empty:return"hison-bg-empty";case a.BackgroundType.transparent:return"hison-bg-transparent";default:return"hison-bg-filled"}}),i=t.ref(l.text||"");t.onMounted(()=>{if(H.value){const e=N.value.map(n=>String(n.children??"")).join("");i.value=e}});const f=t.ref(l.toggleTarget??null),m=t.computed(()=>!!(f.value&&String(f.value).trim())),b=t.ref(l.translate),ne=t.computed(()=>b.value===!1?"notranslate":""),ae=t.computed(()=>b.value===!1?"no":void 0),I=t.ref(l.tabIndex!==null&&l.tabIndex!==""?Number(l.tabIndex):null),E=t.ref([]),L=()=>{E.value=a.extractResponsiveClasses(a.toClassString(l.class)||"",F.value),a.addComponentNameToClass(E.value,"size",a.hisonCloser.componentStyle.size),a.addComponentNameToClass(E.value,"color","primary")},q=()=>{var O,D,R,j,P,z;if(!m.value)return;const e=String(f.value),n=(O=a.hisonCloser.component.inputList)==null?void 0:O[e];if(!n||!n.isHisonvueComponent)return;const x=(D=n.getInputType)==null?void 0:D.call(n),ue=(R=n.getEditMode)==null?void 0:R.call(n);if(x!=="checkbox"&&x!=="radio"||ue!=="editable")return;const re=!!((j=n.getValue)!=null&&j.call(n));x==="checkbox"?(P=n.setValue)==null||P.call(n,!re):(z=n.setValue)==null||z.call(n,!0)},oe=e=>{m.value&&q(),o("click",e,g.value)},se=e=>{if(m.value&&q(),!h.value)return;const n=v.value;n&&n.tagName==="A"&&n.click()},$=(e=!0)=>{const n=v.value;if(n){if(M.removeButtonCssEvent(n),m.value){M.addButtonCssEvent(n);return}e&&h.value&&n.tagName==="A"&&M.addButtonCssEvent(n)}},V=()=>{a.hisonCloser.component.labelList[r]&&a.hisonCloser.component.labelList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The label ID is at risk of being duplicated. ${r}`),a.registerReloadable(s,()=>{K(),t.nextTick(V)}),L(),t.nextTick(()=>$(!0)),g.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"label",isVisible:()=>T.value,setVisible:e=>{T.value=e},getTitle:()=>c.value,setTitle:e=>{c.value=e},getText:()=>A.value?"":i.value,setText:e=>{A.value||(i.value=e)},getHref:()=>d.value??"",setHref:e=>{d.value=e??null},getAnchorAttrs:()=>({...u.value}),replaceAnchorAttrs:e=>{u.value={...e}},mergeAnchorAttrs:e=>{u.value={...u.value,...e}},setAnchorAttr:(e,n)=>{u.value={...u.value,[e]:n}},removeAnchorAttr:e=>{const n={...u.value};delete n[e],u.value=n},isFontBold:()=>C.value,setFontBold:e=>{C.value=e},isFontItalic:()=>p.value,setFontItalic:e=>{p.value=e},isFontThruline:()=>k.value,setFontThruline:e=>{k.value=e},isFontUnderline:()=>B.value,setFontUnderline:e=>{B.value=e},getTextAlign:()=>y.value,setTextAlign:e=>{(e===a.TextAlign.left||e===a.TextAlign.center||e===a.TextAlign.right)&&(y.value=e)},isBorder:()=>w.value,setBorder:e=>{w.value=e},getBackgroundType:()=>S.value,setBackgroundType:e=>{S.value=e},getToggleTarget:()=>f.value,setToggleTarget:e=>{f.value=e},isTranslate:()=>b.value,setTranslate:e=>{b.value=e},reload:()=>a.reloadHisonComponent(s),getTabIndex:()=>I.value,setTabIndex:e=>{I.value=e!=null?Number(e):null},focus:()=>{const e=v.value;e&&h.value&&e.tagName==="A"&&e.focus()}},a.hisonCloser.component.labelList[r]=g.value,o("mounted",g.value)},K=()=>{a.unregisterReloadable(s);const e=v.value;e&&M.removeButtonCssEvent(e),delete a.hisonCloser.component.labelList[r]};return t.onMounted(V),t.onBeforeUnmount(K),t.watch(F,e=>{L(),o("responsive-change",e)}),t.watch(h,e=>{t.nextTick(()=>$(e))},{flush:"post"}),t.watch(m,e=>{t.nextTick(()=>$(e))},{flush:"post"}),t.watch(()=>l.visible,e=>{const n=!!e;n!==T.value&&(T.value=n)}),t.watch(()=>l.title,e=>{const n=e??"";n!==c.value&&(c.value=n)}),t.watch(()=>l.text,e=>{if(!A.value){const n=e??"";n!==i.value&&(i.value=n)}}),t.watch(N,e=>{if(H.value){const n=e.map(x=>String(x.children??"")).join("");n!==i.value&&(i.value=n)}}),t.watch(()=>l.href,e=>{const n=e??null;n!==d.value&&(d.value=n)}),t.watch(()=>l.anchorAttrs,e=>{const n={...e||{}};JSON.stringify(n)!==JSON.stringify(u.value)&&(u.value=n)}),t.watch(()=>l.fontBold,e=>{const n=!!e;n!==C.value&&(C.value=n)}),t.watch(()=>l.fontItalic,e=>{const n=!!e;n!==p.value&&(p.value=n)}),t.watch(()=>l.fontThruline,e=>{const n=!!e;n!==k.value&&(k.value=n)}),t.watch(()=>l.fontUnderline,e=>{const n=!!e;n!==B.value&&(B.value=n)}),t.watch(()=>l.textAlign,e=>{e&&e!==y.value&&(e===a.TextAlign.left||e===a.TextAlign.center||e===a.TextAlign.right)&&(y.value=e)}),t.watch(()=>l.border,e=>{const n=!!e;n!==w.value&&(w.value=n)}),t.watch(()=>l.backgroundType,e=>{e&&e!==S.value&&(S.value=e)}),t.watch(()=>l.toggleTarget,e=>{const n=e??null;n!==f.value&&(f.value=n)}),t.watch(()=>l.translate,e=>{const n=!!e;n!==b.value&&(b.value=n)}),t.watch(()=>l.tabIndex,e=>{const n=e===null||e===""?null:Number(e);n!==I.value&&(I.value=n)}),t.watch(()=>l.class,()=>{L()}),{labelRef:v,labelMethods:t.computed(()=>t.unref(g)),props:l,title:c,hasHref:h,hasToggleTarget:m,hasElementSlot:A,renderTag:Y,internalText:i,computedAnchorAttrs:X,visibleClass:ee,fontBoldClass:Q,fontItalicClass:W,fontThrulineClass:Z,fontUnderlineClass:_,textAlignStyle:J,translateAttr:ae,translateClass:ne,borderClass:te,backgroundTypeClass:le,responsiveClassList:E,tabIndex:I,onClick:oe,onKeyActivate:se}}}),fe={key:2,class:"hison-label-text"};function ve(l,o,G,v,g,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["hison-wrapper",...l.responsiveClassList,l.visibleClass])},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.renderTag),t.mergeProps({ref:"labelRef",class:["hison-label",l.hasHref?"hison-label-link":null,l.hasToggleTarget?"hison-label-has-toggle-target":null,l.fontBoldClass,l.fontItalicClass,l.fontThrulineClass,l.fontUnderlineClass,l.borderClass,l.backgroundTypeClass,l.translateClass],style:[l.textAlignStyle,l.props.style],title:l.title||void 0,tabindex:l.tabIndex??void 0,translate:l.translateAttr},l.renderTag==="a"?l.computedAnchorAttrs:void 0,{onClick:l.onClick,onMousedown:o[0]||(o[0]=s=>l.$emit("mousedown",s,l.labelMethods)),onMouseup:o[1]||(o[1]=s=>l.$emit("mouseup",s,l.labelMethods)),onMouseover:o[2]||(o[2]=s=>l.$emit("mouseover",s,l.labelMethods)),onMouseout:o[3]||(o[3]=s=>l.$emit("mouseout",s,l.labelMethods)),onKeydown:[t.withKeys(t.withModifiers(l.onKeyActivate,["prevent"]),["enter"]),t.withKeys(t.withModifiers(l.onKeyActivate,["prevent"]),["space"])]}),{default:t.withCtx(()=>[l.hasElementSlot?t.renderSlot(l.$slots,"default",{key:0}):l.hasHref?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(l.internalText),1)],64)):(t.openBlock(),t.createElementBlock("span",fe,t.toDisplayString(l.internalText),1))]),_:3},16,["class","style","title","tabindex","translate","onClick","onKeydown"]))],2)}const ge=ie._export_sfc(de,[["render",ve]]);exports.default=ge;

package/dist/HSpinner-CjjGcQJD.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-DcB16odB.js"),V=require("./scrollManager-CEEWQwoK.js"),A=require("./_plugin-vue_export-helper-BHFhmbuH.js"),H={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1500},position:{type:String,default:t.ScreenPosition.middleCenter,validator:s=>t.SCREEN_POSITION_VALUES.includes(s)},overlayStyle:{type:[String,Object,Array],required:!1},timeoutMs:{type:Number,default:0},spinnerType:{type:String,default:"ring",validator:s=>["ring","dots","bars","pulse"].includes(s)}},O=e.defineComponent({name:"HSpinner",props:H,inheritAttrs:!1,emits:["mounted","responsive-change","open","close","toggle"],setup(s,{emit:o}){const l=s.id||t.getUUID(),y=`hspinner:${l}`,k=t.useDevice(),N=e.ref(null),I=e.ref(null),i=e.ref(s.visible),c=e.ref(s.zIndex??1400),m=e.ref(s.position),f=e.ref(s.overlayStyle),p=e.ref(s.timeoutMs??0),u=e.ref(s.spinnerType),B=e.computed(()=>i.value?"":"hison-display-none"),L=e.computed(()=>`hison-spinner-type-${u.value}`),h=e.ref([]),C=()=>{h.value=t.extractResponsiveClasses(t.toClassString(s.class)||"",k.value),t.addComponentNameToClass(h.value,"size",t.hisonCloser.componentStyle.size),t.addComponentNameToClass(h.value,"color","primary")},R=e.computed(()=>{const n={zIndex:c.value};switch(n.left="",n.right="",n.top="",n.bottom="",n.transform="none",m.value){case t.ScreenPosition.topLeft:n.left="5%",n.top="5%";break;case t.ScreenPosition.topCenter:n.left="50%",n.top="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.topRight:n.right="5%",n.top="5%";break;case t.ScreenPosition.middleLeft:n.left="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.middleCenter:n.left="50%",n.top="50%",n.transform="translate(-50%, -50%)";break;case t.ScreenPosition.middleRight:n.right="5%",n.top="50%",n.transform="translateY(-50%)";break;case t.ScreenPosition.bottomLeft:n.left="5%",n.bottom="5%";break;case t.ScreenPosition.bottomCenter:n.left="50%",n.bottom="5%",n.transform="translateX(-50%)";break;case t.ScreenPosition.bottomRight:n.right="5%",n.bottom="5%";break}return n}),M=e.computed(()=>{const r={zIndex:(c.value??1400)-1},d=f.value;return d?Array.isArray(d)?[{...r},...d]:typeof d=="string"?[r,d]:{...r,...d}:r});let g=null;const T=()=>{g!=null&&(clearTimeout(g),g=null)},b=()=>{T(),p.value>0&&(g=window.setTimeout(()=>{v()},p.value))},w=()=>V.acquireScrollLock(l),E=()=>V.releaseScrollLock(l),S=async()=>{i.value||(i.value=!0,w(),await e.nextTick(),b(),o("open",e.unref(a)))},v=async()=>{if(i.value)try{T()}finally{i.value=!1,E(),o("close",e.unref(a))}},q=async()=>{i.value?await v():await S(),o("toggle",e.unref(a))},a=e.ref(null),z=()=>{t.hisonCloser.component.spinnerList[l]&&t.hisonCloser.component.spinnerList[l].isHisonvueComponent&&console.warn(`[Hisonvue] The spinner ID is at risk of being duplicated. ${l}`),t.registerReloadable(y,()=>{P(),e.nextTick(z)}),C(),i.value&&(w(),b()),a.value={isHisonvueComponent:!0,getId:()=>l,getType:()=>"spinner",isVisible:()=>i.value,open:S,close:v,toggle:q,setVisible:n=>n?S():v(),getZIndex:()=>c.value,setZIndex:n=>{c.value=n},getPosition:()=>m.value,setPosition:n=>{m.value=n},getTimeout:()=>p.value,setTimeout:n=>{p.value=Math.max(0,Number(n)||0),i.value&&b()},getSpinnerType:()=>u.value,setSpinnerType:n=>{u.value=n},getOverlayStyle:()=>f.value,setOverlayStyle:n=>{f.value=n},reload:()=>t.reloadHisonComponent(y)},t.hisonCloser.component.spinnerList[l]=a.value,o("mounted",a.value)},P=()=>{t.unregisterReloadable(y),delete t.hisonCloser.component.spinnerList[l],T(),i.value&&E()};return e.onMounted(z),e.onBeforeUnmount(P),e.watch(k,n=>{C(),o("responsive-change",n)}),e.watch(()=>s.visible,n=>{const r=!!n;r!==i.value&&(r?S():v())}),e.watch(()=>s.zIndex,n=>{const r=Number(n??1400);r!==c.value&&(c.value=r)}),e.watch(()=>s.position,n=>{n&&n!==m.value&&(m.value=n)}),e.watch(()=>s.overlayStyle,n=>{n!==f.value&&(f.value=n)}),e.watch(()=>s.timeoutMs,n=>{const r=Math.max(0,Number(n)||0);r!==p.value&&(p.value=r,i.value&&b())}),e.watch(()=>s.spinnerType,n=>{n&&n!==u.value&&(u.value=n)}),e.watch(()=>s.class,()=>{C()}),{id:l,props:s,wrapperRef:N,spinnerRef:I,visible:i,visibleClass:B,responsiveClassList:h,overlayStyleWithZ:M,wrapperStyle:R,spinnerType:u,spinnerTypeClass:L,spinnerMethods:e.computed(()=>e.unref(a))}}}),$={key:0,class:"hison-spinner-ring"},j={key:1,class:"hison-spinner-dots"},U={key:2,class:"hison-spinner-bars"},Z={key:3,class:"hison-spinner-pulse"};function x(s,o,l,y,k,N){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["hison-layer-host",s.visibleClass])},[s.visible?(e.openBlock(),e.createElementBlock("div",{key:0,class:"hison-spinner-overlay",style:e.normalizeStyle(s.overlayStyleWithZ)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref:"wrapperRef",class:e.normalizeClass(["hison-spinner-wrapper",...s.responsiveClassList]),style:e.normalizeStyle(s.wrapperStyle)},[e.createElementVNode("div",{ref:"spinnerRef",class:e.normalizeClass(["hison-spinner",s.spinnerTypeClass]),style:e.normalizeStyle(s.props.style),role:"status","aria-live":"polite","aria-busy":"true"},[e.renderSlot(s.$slots,"spinner",{spinnerEl:s.spinnerRef,spinner:s.spinnerMethods,type:s.spinnerType},()=>[s.spinnerType==="ring"?(e.openBlock(),e.createElementBlock("div",$,o[0]||(o[0]=[e.createStaticVNode('<span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span><span class="hison-spinner-ring-seg"></span>',7)]))):s.spinnerType==="dots"?(e.openBlock(),e.createElementBlock("div",j,o[1]||(o[1]=[e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1),e.createElementVNode("span",{class:"hison-spinner-dot"},null,-1)]))):s.spinnerType==="bars"?(e.openBlock(),e.createElementBlock("div",U,o[2]||(o[2]=[e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1),e.createElementVNode("span",{class:"hison-spinner-bar"},null,-1)]))):(e.openBlock(),e.createElementBlock("div",Z,o[3]||(o[3]=[e.createElementVNode("span",{class:"hison-spinner-pulse-span"},null,-1)])))])],6)],6)],2)}const D=A._export_sfc(O,[["render",x]]);exports.default=D;