pukaad-ui-lib 1.2.0 → 1.3.2

package/dist/runtime/components/input/input-radio.vue.d.ts

@@ -5,10 +5,10 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_7: {
-    item: any;
-}, __VLS_10: `label-${any}-text`, __VLS_11: {}, __VLS_14: `label-${any}-text`, __VLS_15: {}, __VLS_17: {
-    item: any;
-}, __VLS_20: `label-${any}-text`, __VLS_21: {}, __VLS_24: `label-${any}-text`, __VLS_25: {}, __VLS_27: {};
+    item: number | import("@/types/components/input/input-radio").InputRadioItem;
+}, __VLS_10: `label-${string}-text` | `label-${number}-text`, __VLS_11: {}, __VLS_14: `label-${string}-text` | `label-${number}-text`, __VLS_15: {}, __VLS_17: {
+    item: string | number;
+}, __VLS_20: `label-${string}-text` | `label-${number}-text`, __VLS_21: {}, __VLS_24: `label-${string}-text` | `label-${number}-text`, __VLS_25: {}, __VLS_27: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 } & {

package/dist/runtime/components/input/input-rating.vue

@@ -1,13 +1,13 @@
 <template>
-  <NuxtRating
-    :border-color="props.borderColor"
-    :active-color="props.activeColor"
-    :inactive-color="props.backgroundColor"
-    :border-width="props.borderSize"
-    :read-only="props.readonly"
-    :rating-step="props.ratingStep"
-    :rounded-corners="true"
-    :rating-size="props.size"
+  <NuxtRating
+    :border-color="props.borderColor"
+    :active-color="props.activeColor"
+    :inactive-color="props.backgroundColor"
+    :border-width="props.borderSize"
+    :read-only="props.readonly"
+    :rating-step="props.ratingStep"
+    :rounded-corners="true"
+    :rating-size="props.size"
     :rating-content="[
   12,
   17.27,
@@ -41,10 +41,10 @@
   19.78,
   12,
   17.27
-]"
-    @rating-selected="onSelect"
-    :rating-value="ratingValue"
-  />
+]"
+    @rating-selected="onSelect"
+    :rating-value="ratingValue"
+  />
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-recaptcha.vue

@@ -1,23 +1,23 @@
 <template>
-  <ShadFormField
-    :name="props.name"
-    :rules="rules"
-    v-slot="{ componentField }"
-    v-model="tokenValue"
-  >
-    <ShadFormItem>
-      <ShadFormControl>
-        <input v-bind="componentField" class="hidden" />
-        <RecaptchaV2
-          language="th"
-          @widget-id="handleWidgetId"
-          @load-callback="onVerify"
-          @expired-callback="onExpired"
-        />
-        <ShadFormMessage> asd </ShadFormMessage>
-      </ShadFormControl>
-    </ShadFormItem>
-  </ShadFormField>
+  <ShadFormField
+    :name="props.name"
+    :rules="rules"
+    v-slot="{ componentField }"
+    v-model="tokenValue"
+  >
+    <ShadFormItem>
+      <ShadFormControl>
+        <input v-bind="componentField" class="hidden" />
+        <RecaptchaV2
+          language="th"
+          @widget-id="handleWidgetId"
+          @load-callback="onVerify"
+          @expired-callback="onExpired"
+        />
+        <ShadFormMessage> asd </ShadFormMessage>
+      </ShadFormControl>
+    </ShadFormItem>
+  </ShadFormField>
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-search.vue

@@ -1,69 +1,69 @@
-<template>
-  <div>asda</div>
-</template>
-<!-- <template>
-  <InputTextField
-    :prepend-icon="
-      !props.disabledIcon && iconPosition == 'left' ? props.icon : ''
-    "
-    :append-icon="
-      !props.disabledIcon && iconPosition == 'right' ? props.icon : ''
-    "
-    :full-rounded="props.fullRounded"
-    :full-width="props.fullWidth"
-    :placeholder="props.placeholder"
-    :height="props.height"
-    :width="props.width"
-    :max-width="props.maxWidth"
-    :min-width="props.minWidth"
-    :color="props.color"
-    :reset="props.reset"
-    :disabled="props.disabled"
-    @enter="onEnter"
-    @click-append-icon="onClick"
-    v-model="modelValue"
-  >
-    <template #prepend>
-      <slot name="prepend" />
-    </template>
-    <template #append>
-      <slot name="append" />
-    </template>
-  </InputTextField>
-</template>
-<script setup lang="ts">
-import type { InputSearchProps } from "@/types/components/input/input-search";
-
-const emit = defineEmits<{
-  (e: "enter"): void;
-  (e: "click"): void;
-  (e: "search", value: string): void;
-}>();
-
-const props = withDefaults(defineProps<InputSearchProps>(), {
-  placeholder: "ค้นหา",
-  color: "default",
-  icon: "streamline:magnifying-glass-solid",
-  iconPosition: "right",
-  disabled: false,
-  disabledIcon: false,
-});
-
-const modelValue = defineModel<string>({
-  default: "",
-});
-
-const onEnter = () => {
-  onSearch();
-  emit("enter");
-};
-
-const onClick = () => {
-  onSearch();
-  emit("click");
-};
-
-const onSearch = () => {
-  emit("search", modelValue.value);
-};
-</script> -->
+<template>
+  <div>asda</div>
+</template>
+<!-- <template>
+  <InputTextField
+    :prepend-icon="
+      !props.disabledIcon && iconPosition == 'left' ? props.icon : ''
+    "
+    :append-icon="
+      !props.disabledIcon && iconPosition == 'right' ? props.icon : ''
+    "
+    :full-rounded="props.fullRounded"
+    :full-width="props.fullWidth"
+    :placeholder="props.placeholder"
+    :height="props.height"
+    :width="props.width"
+    :max-width="props.maxWidth"
+    :min-width="props.minWidth"
+    :color="props.color"
+    :reset="props.reset"
+    :disabled="props.disabled"
+    @enter="onEnter"
+    @click-append-icon="onClick"
+    v-model="modelValue"
+  >
+    <template #prepend>
+      <slot name="prepend" />
+    </template>
+    <template #append>
+      <slot name="append" />
+    </template>
+  </InputTextField>
+</template>
+<script setup lang="ts">
+import type { InputSearchProps } from "@/types/components/input/input-search";
+
+const emit = defineEmits<{
+  (e: "enter"): void;
+  (e: "click"): void;
+  (e: "search", value: string): void;
+}>();
+
+const props = withDefaults(defineProps<InputSearchProps>(), {
+  placeholder: "ค้นหา",
+  color: "default",
+  icon: "streamline:magnifying-glass-solid",
+  iconPosition: "right",
+  disabled: false,
+  disabledIcon: false,
+});
+
+const modelValue = defineModel<string>({
+  default: "",
+});
+
+const onEnter = () => {
+  onSearch();
+  emit("enter");
+};
+
+const onClick = () => {
+  onSearch();
+  emit("click");
+};
+
+const onSearch = () => {
+  emit("search", modelValue.value);
+};
+</script> -->

package/dist/runtime/components/input/input-select-tag.vue

@@ -1,55 +1,55 @@
 <template>
-  <!-- <InputTextField
-    :name="props.name"
-    :label="props.label"
-    :placeholder="props.placeholder"
-    :full-width="props.fullWidth"
-    :width="props.width"
-    :height="props.height"
-    :required="props.required"
-    :disabled="props.disabled"
-    :readonly="props.readonly"
-    :append-icon="props.appendIcon"
-    @click="isOpenModal = true"
-    @clickAppendIcon="isOpenModal = true"
-    @reset="isOpenModal = true"
-    reset
-    v-model="selectedTag"
-  />
-  <Modal
-    v-model="isOpenModal"
-    title="แท็กที่เกี่ยวข้อง"
-    :gap="16"
-    :width="604"
-    :height="670"
-  >
-    <div class="space-y-[16px]">
-      <InputSearch v-model="search" placeholder="ค้นหาแท็ก" full-width />
-      <Divider :height="0" />
-      <div
-        v-if="filteredTags.length > 0"
-        class="flex flex-wrap gap-[8px] h-[526px] overflow-y-auto"
-      >
-        <Chip
-          v-for="tag in filteredTags"
-          :key="tag"
-          size="small"
-          :color="selectedTag === tag ? 'primary' : 'default'"
-          class="cursor-pointer"
-          @click="onSelectTag(tag)"
-        >
-          {{ tag }}
-        </Chip>
-      </div>
-      <div
-        v-else
-        class="flex flex-col gap-[8px] items-center justify-center h-[526px]"
-      >
-        <Icon name="pukaad:page-not-found" size="100" />
-        <div class="text-gray font-body-large">ไม่พบข้อมูล</div>
-      </div>
-    </div>
-  </Modal> -->
+  <!-- <InputTextField
+    :name="props.name"
+    :label="props.label"
+    :placeholder="props.placeholder"
+    :full-width="props.fullWidth"
+    :width="props.width"
+    :height="props.height"
+    :required="props.required"
+    :disabled="props.disabled"
+    :readonly="props.readonly"
+    :append-icon="props.appendIcon"
+    @click="isOpenModal = true"
+    @clickAppendIcon="isOpenModal = true"
+    @reset="isOpenModal = true"
+    reset
+    v-model="selectedTag"
+  />
+  <Modal
+    v-model="isOpenModal"
+    title="แท็กที่เกี่ยวข้อง"
+    :gap="16"
+    :width="604"
+    :height="670"
+  >
+    <div class="space-y-[16px]">
+      <InputSearch v-model="search" placeholder="ค้นหาแท็ก" full-width />
+      <Divider :height="0" />
+      <div
+        v-if="filteredTags.length > 0"
+        class="flex flex-wrap gap-[8px] h-[526px] overflow-y-auto"
+      >
+        <Chip
+          v-for="tag in filteredTags"
+          :key="tag"
+          size="small"
+          :color="selectedTag === tag ? 'primary' : 'default'"
+          class="cursor-pointer"
+          @click="onSelectTag(tag)"
+        >
+          {{ tag }}
+        </Chip>
+      </div>
+      <div
+        v-else
+        class="flex flex-col gap-[8px] items-center justify-center h-[526px]"
+      >
+        <Icon name="pukaad:page-not-found" size="100" />
+        <div class="text-gray font-body-large">ไม่พบข้อมูล</div>
+      </div>
+    </div>
+  </Modal> -->
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-select.vue

@@ -1,49 +1,49 @@
 <template>
-  <ShadFormField
-    ref="fieldRef"
-    :name="props.name"
-    :rules="props.rules || defaultRules"
-    v-slot="{ componentField }"
-    v-model="modelValue"
-  >
-    <ShadFormItem>
-      <ShadFormLabel v-if="$slots.label || props.label" class="w-full">
-        <slot name="label">
-          <div
+  <ShadFormField
+    ref="fieldRef"
+    :name="props.name"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField }"
+    v-model="modelValue"
+  >
+    <ShadFormItem>
+      <ShadFormLabel v-if="$slots.label || props.label" class="w-full">
+        <slot name="label">
+          <div
             :class="[
   'flex-1',
   props.disabledBorder && 'font-body-small-prominent'
-]"
-          >
-            {{ props.label }}
-            <span v-if="props.required" class="text-destructive">*</span>
-          </div>
-        </slot>
-      </ShadFormLabel>
-
-      <ShadSelect v-bind="componentField">
-        <ShadFormControl>
-          <ShadSelectTrigger :class="props.class">
-            <ShadSelectValue :placeholder="props.placeholder" />
-          </ShadSelectTrigger>
-        </ShadFormControl>
-        <ShadSelectContent>
-          <ShadSelectItem
-            v-for="option in props.options"
-            :key="option.value"
-            :value="option.value"
-          >
-            {{ option.label }}
-          </ShadSelectItem>
-        </ShadSelectContent>
-      </ShadSelect>
-
-      <ShadFormDescription v-if="props.description">
-        {{ props.description }}
-      </ShadFormDescription>
-      <ShadFormMessage v-if="!props.disabledErrorMessage" />
-    </ShadFormItem>
-  </ShadFormField>
+]"
+          >
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+      </ShadFormLabel>
+
+      <ShadSelect v-bind="componentField">
+        <ShadFormControl>
+          <ShadSelectTrigger :class="props.class">
+            <ShadSelectValue :placeholder="props.placeholder" />
+          </ShadSelectTrigger>
+        </ShadFormControl>
+        <ShadSelectContent>
+          <ShadSelectItem
+            v-for="option in props.options"
+            :key="option.value"
+            :value="option.value"
+          >
+            {{ option.label }}
+          </ShadSelectItem>
+        </ShadSelectContent>
+      </ShadSelect>
+
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+      <ShadFormMessage v-if="!props.disabledErrorMessage" />
+    </ShadFormItem>
+  </ShadFormField>
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-slider.vue

@@ -1,34 +1,34 @@
 <template>
-  <div
-    class="inline-flex flex-col gap-[4px]"
+  <div
+    class="inline-flex flex-col gap-[4px]"
     :style="{
   width: props.fullWidth ? '100%' : `${props.width}px`
-}"
-  >
-    <label v-if="props.label" class="font-body-large-prominent text-gray">
-      {{ props.label }}
-    </label>
-
-    <input
-      ref="inputRef"
+}"
+  >
+    <label v-if="props.label" class="font-body-large-prominent text-gray">
+      {{ props.label }}
+    </label>
+
+    <input
+      ref="inputRef"
       :class="[
   'slider w-full bg-mercury rounded-[8px]',
   !props.appearance ? 'appearance-none' : '',
   color
-]"
-      type="range"
-      :min="props.min"
-      :max="props.max"
-      :step="props.step"
+]"
+      type="range"
+      :min="props.min"
+      :max="props.max"
+      :step="props.step"
       :style="{
   height: `${props.lineHeight}px`,
   '--thumb-size': `${props.thumbSize}px`,
   '--color-color': color,
   '--thumb-border': `${props.thumbBorder}px`
-}"
-      v-model="modelValue"
-    />
-  </div>
+}"
+      v-model="modelValue"
+    />
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-switch.vue

@@ -1,29 +1,29 @@
 <template>
-  <div class="inline-flex items-center">
-    <label class="flex gap-[8px] items-center font-body-large">
-      <div
-        class="relative inline-block w-[43px] h-[24px] cursor-pointer"
-        @click="onClick"
-      >
-        <input
-          type="checkbox"
-          class="sr-only peer"
-          disabled
-          v-model="modelValue"
-        />
-        <div
-          :class="['absolute inset-0 bg-cloud rounded-full transition', color]"
-        ></div>
-        <div
-          class="absolute left-[3px] top-[3px] w-[18px] h-[18px] bg-white rounded-full transition peer-checked:translate-x-[19px]"
-        ></div>
-      </div>
-
-      <div v-if="props.labelPosition == 'right'">
-        {{ props.label }}
-      </div>
-    </label>
-  </div>
+  <div class="inline-flex items-center">
+    <label class="flex gap-[8px] items-center font-body-large">
+      <div
+        class="relative inline-block w-[43px] h-[24px] cursor-pointer"
+        @click="onClick"
+      >
+        <input
+          type="checkbox"
+          class="sr-only peer"
+          disabled
+          v-model="modelValue"
+        />
+        <div
+          :class="['absolute inset-0 bg-cloud rounded-full transition', color]"
+        ></div>
+        <div
+          class="absolute left-[3px] top-[3px] w-[18px] h-[18px] bg-white rounded-full transition peer-checked:translate-x-[19px]"
+        ></div>
+      </div>
+
+      <div v-if="props.labelPosition == 'right'">
+        {{ props.label }}
+      </div>
+    </label>
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/input/input-tag.vue

@@ -1,41 +1,41 @@
 <template>
-  <!-- <div class="flex flex-col gap-[4px]">
-    <div class="flex flex-wrap gap-[4px]">
-      <Chip
-        v-for="(item, i_item) in items"
-        :key="i_item"
-        color="primary"
-        size="small"
-        closable
-        auto-height
-        @closable="onClosable(i_item)"
-      >
-        {{ item }}
-      </Chip>
-      <Chip v-if="isInputShow" color="primary" size="small">
-        <input
-          ref="inputRef"
-          class="text-center w-full"
-          @keyup.enter="onAddTag"
-          :style="{ width: inputWidth + 'px' }"
-          @input="onInput"
-          v-model="inputTag"
-        />
-      </Chip>
-      <Button
-        v-else
-        prepend-icon="fa6-solid:plus"
-        full-rounded
-        size="small"
-        @click="showInputTag"
-      >
-        เพิ่มแท็ก
-      </Button>
-    </div>
-    <Card v-if="isInputShow" type="outline" full-width disabled-padding-content>
-      <Tab :items="tabItems" type="text" v-model="tab" />
-    </Card>
-  </div> -->
+  <!-- <div class="flex flex-col gap-[4px]">
+    <div class="flex flex-wrap gap-[4px]">
+      <Chip
+        v-for="(item, i_item) in items"
+        :key="i_item"
+        color="primary"
+        size="small"
+        closable
+        auto-height
+        @closable="onClosable(i_item)"
+      >
+        {{ item }}
+      </Chip>
+      <Chip v-if="isInputShow" color="primary" size="small">
+        <input
+          ref="inputRef"
+          class="text-center w-full"
+          @keyup.enter="onAddTag"
+          :style="{ width: inputWidth + 'px' }"
+          @input="onInput"
+          v-model="inputTag"
+        />
+      </Chip>
+      <Button
+        v-else
+        prepend-icon="fa6-solid:plus"
+        full-rounded
+        size="small"
+        @click="showInputTag"
+      >
+        เพิ่มแท็ก
+      </Button>
+    </div>
+    <Card v-if="isInputShow" type="outline" full-width disabled-padding-content>
+      <Tab :items="tabItems" type="text" v-model="tab" />
+    </Card>
+  </div> -->
 </template>
 
 <script setup>