@unsource/ui 2.9.40 → 2.9.46

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "2.9.40",
+  "version": "2.9.46",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/UnForm.d.vue.ts

@@ -1,17 +1,30 @@
 type __VLS_Props = {
     name: string;
     ctx?: Record<string, any>;
+    options?: Record<string, any>;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare var __VLS_13: any, __VLS_14: {
+    item: any;
+    input: any;
+    isError: any;
+    option: any;
+    options: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     validate: () => Promise<any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnForm.vue

@@ -5,7 +5,23 @@
     v-model="form"
     :items="items?.map((e) => e.value)"
     :errors
-  />
+    :options="options"
+    @update:key="$emit('update:key', $event)"
+  >
+    <template
+      v-for="i in items?.map((e) => e.value)"
+      #[_camelCase(i.input?.key)]="{ item, input, isError, option, options }"
+    >
+      <slot
+        :name="_camelCase(i.input?.key)"
+        :item="item"
+        :input="input"
+        :is-error="isError"
+        :option="option"
+        :options="options"
+      />
+    </template>
+  </UnFormList>
 </template>
 
 <script setup>
@@ -13,6 +29,7 @@ import {
   getForms,
   formattedAddress,
   _cloneDeep,
+  _camelCase,
   ref,
   useAsyncData,
   useNuxtApp,
@@ -22,10 +39,12 @@ import {
 } from "#imports";
 const { name, ctx } = defineProps({
   name: { type: String, required: true },
-  ctx: { type: Object, required: false }
+  ctx: { type: Object, required: false },
+  options: { type: Object, required: false }
 });
 const form = defineModel();
 const schema = ref(null);
+defineEmits(["update:key"]);
 const { data: items } = useAsyncData("get-form", () => getForms(name), {
   transform: (res) => Promise.allSettled(res?.map((e) => setOptions(e, ctx)) || [])
 });

package/dist/runtime/components/UnForm.vue.d.ts

@@ -1,17 +1,30 @@
 type __VLS_Props = {
     name: string;
     ctx?: Record<string, any>;
+    options?: Record<string, any>;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare var __VLS_13: any, __VLS_14: {
+    item: any;
+    input: any;
+    isError: any;
+    option: any;
+    options: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     validate: () => Promise<any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnFormItem.d.vue.ts

@@ -4,11 +4,28 @@ type __VLS_Props = {
     options: InputOption[];
     required?: boolean;
     isError?: boolean;
+    option?: Record<string, any>;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_64: {
+    item: Form;
+    input: any;
+    isError: boolean;
+    option: Record<string, any>;
+    options: InputOption[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_64) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnFormItem.vue

@@ -1,15 +1,17 @@
 <template>
   <div class="flex flex-col gap-1 items-stretch text-base">
     <UnLabel
-      v-if="Input?.title && Type !== 'switch'"
+      v-if="(option.title || Input?.title || '') && Type !== 'switch'"
       :class="{ '!children:text-danger': isError }"
-      :header="Input.title + (required ? '*' : '')"
+      :header="(option.title || Input.title || '') + (required ? '*' : '')"
     >
-      {{ Input?.description }}
+      {{ option.description || Input?.description || "" }}
     </UnLabel>
     <UnInput
       v-if="(Type === 'text' || Type === 'number') && !Input?.multiSelect"
       v-model="modelValue"
+      :precision="option.precision || Input.precision"
+      :append="option.append"
       :Input="Input"
       :Type="Type"
       :disabled="item.disabled"
@@ -23,6 +25,7 @@
     >
       <UnInput
         v-model="modelValue[index]"
+        :precision="option.precision || Input.precision"
         :index="index"
         class="grow"
         :Input="Input"
@@ -96,9 +99,19 @@
       :type="Type?.toLowerCase()"
       @append="modelValue = null"
     />
-    <small v-if="Type === 'number' && modelValue">
-      {{ word }} {{ Input?.append || "" }}
+    <small v-if="Type === 'number' && modelValue && !option.notWord">
+      {{ word }} {{ option.append || Input?.append || "" }}
     </small>
+    <small v-if="Input?.hint || option.hint">
+      {{ option.hint || Input?.hint || "" }}
+    </small>
+    <slot
+      :item="item"
+      :input="Input"
+      :is-error="isError"
+      :option="option"
+      :options="options"
+    />
     <UnButton
       v-if="Input?.multiSelect && !['select', 'image'].includes(Type)"
       variant="primary"
@@ -115,11 +128,12 @@ import PN from "persian-number";
 import { computed } from "#imports";
 import UnLocationInput from "./UnLocationInput.vue";
 defineEmits(["update:modelValue"]);
-const { item, options, required, isError } = defineProps({
+const { item, options, required, isError, option = {} } = defineProps({
   item: { type: Object, required: true },
   options: { type: Array, required: true },
   required: { type: Boolean, required: false },
-  isError: { type: Boolean, required: false }
+  isError: { type: Boolean, required: false },
+  option: { type: Object, required: false }
 });
 const Input = computed(() => item.input);
 const Type = computed(() => Input.value?.type);

package/dist/runtime/components/UnFormItem.vue.d.ts

@@ -4,11 +4,28 @@ type __VLS_Props = {
     options: InputOption[];
     required?: boolean;
     isError?: boolean;
+    option?: Record<string, any>;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_64: {
+    item: Form;
+    input: any;
+    isError: boolean;
+    option: Record<string, any>;
+    options: InputOption[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_64) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnFormList.d.vue.ts

@@ -2,17 +2,34 @@ import type { Form } from '../types/models.js';
 type __VLS_Props = {
     items: Partial<Form>[];
     errors?: string[];
+    options?: Record<string, any>;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare var __VLS_11: any, __VLS_12: {
+    item: any;
+    input: any;
+    isError: any;
+    option: any;
+    options: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     schema: import("vue").ComputedRef<{
         type: string;
         properties: Partial<Form>;
         required: string[];
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnFormList.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="flex flex-col gap-3 items-stretch">
+    <!--    <TheLog :data="schema"/> -->
     <UnFormItem
       v-for="item in items.filter(isActive)"
       :key="item.id"
@@ -8,38 +9,45 @@
       :item="item"
       :required="inputIsRequire(item)"
       :options="Options(item.input?.options || [])"
+      :option="options[_camelCase(item.input?.key)]"
       :is-error="errors?.includes(_camelCase(item.input?.key))"
-      @update:model-value="$emit(`update:key`, { key: _camelCase(item.input?.key), value: $event })"
-    />
+      @update:model-value="$emit('update:key', { key: _camelCase(item.input?.key), value: $event })"
+    >
+      <template #default="{ item, input, isError, option, options }">
+        <slot
+          :name="_camelCase(item.input?.key)"
+          :item="item"
+          :input="input"
+          :is-error="isError"
+          :option="option"
+          :options="options"
+        />
+      </template>
+    </UnFormItem>
   </div>
 </template>
 
 <script setup>
-import { _camelCase, _get, _set, computed } from "#imports";
-const { items } = defineProps({
+import { _camelCase, _get, _set, computed, isNil, isNumber } from "#imports";
+const { items, options = {} } = defineProps({
   items: { type: Array, required: true },
-  errors: { type: Array, required: false }
+  errors: { type: Array, required: false },
+  options: { type: Object, required: false }
 });
-defineEmits(["update:key"]);
 const form = defineModel({ type: null, ...{ default: {} } });
+defineEmits(["update:key"]);
+const Option = (item) => options[_camelCase(item.input?.key)];
 const getter = (key) => (e) => _get(e, key);
-const inputIsRequire = (item) => item.requiredByValues?.length && item.requiredby ? item.requiredByValues.includes(`${form.value[_camelCase(item.requiredby)]}`) : item.activatedByValues?.length && item.requiredby ? item.activatedByValues.includes(`${form.value[_camelCase(item.requiredby)]}`) : item.requiredby ? form.value[_camelCase(item.requiredby)] : item.required;
-const isActive = (item) => item.activatedByValues?.length && item.activatedBy ? item.activatedByValues.includes(`${form.value[_camelCase(item.activatedBy)]}`) : item.activatedBy ? form.value[_camelCase(item.activatedBy)] : true;
+const inputIsRequire = (item) => item.requiredByValues?.length && item.requiredby ? item.requiredByValues.includes(`${form.value[_camelCase(item.requiredby)]}`) : item.activatedByValues?.length && item.requiredby ? item.activatedByValues.includes(`${form.value[_camelCase(item.requiredby)]}`) : item.requiredby ? form.value[_camelCase(item.requiredby)] : !isNil(Option(item)?.required) ? Option(item)?.required : item.required;
+const isActive = (item) => item.activatedByValues?.length && item.activatedBy ? item.activatedByValues.includes(`${form.value[_camelCase(item.activatedBy)]}`) : !isNil(Option(item)?.activatedBy) || item.activatedBy ? form.value[_camelCase(isNil(Option(item)?.activatedBy) ? Option(item)?.activatedBy : item.activatedBy)] : true;
 const Options = (item) => item.filter((e) => e.filteredByKey ? form.value[_camelCase(e.filteredByKey)] === e.filterOptionKey : true);
 const requiredKeys = computed(() => items.filter(inputIsRequire).map(getter("input.key")).map(_camelCase));
 const properties = computed(() => items.reduce((p, c) => {
-  if (c.input?.max || c.input?.min) {
-    if (c.input.type === "number") {
-      _set(p, c.input?.key, {
-        max: c.input?.max || void 0,
-        min: c.input?.min || void 0
-      });
-    } else {
-      _set(p, c.input?.key, {
-        maxLength: c.input?.max || void 0,
-        minLength: c.input?.min || void 0
-      });
-    }
+  if (isNumber(c.input?.max) || isNumber(Option(c)?.max)) {
+    _set(p, [c.input?.key, c.input.type === "number" ? "maximum" : "maxLength"], Option(c)?.max || c.input?.max || 0);
+  }
+  if (isNumber(c.input?.min) || isNumber(Option(c)?.min)) {
+    _set(p, [c.input?.key, c.input.type === "number" ? "minimum" : "minLength"], Option(c)?.min || c.input?.min || 0);
   }
   return p;
 }, {}));

package/dist/runtime/components/UnFormList.vue.d.ts

@@ -2,17 +2,34 @@ import type { Form } from '../types/models.js';
 type __VLS_Props = {
     items: Partial<Form>[];
     errors?: string[];
+    options?: Record<string, any>;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare var __VLS_11: any, __VLS_12: {
+    item: any;
+    input: any;
+    isError: any;
+    option: any;
+    options: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     schema: import("vue").ComputedRef<{
         type: string;
         properties: Partial<Form>;
         required: string[];
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/UnInput.d.vue.ts

@@ -1,12 +1,14 @@
 import type { Input } from '../types/models.js';
 type __VLS_Props = {
     disabled?: boolean;
-    Input?: Partial<Input>;
+    Input?: Input;
     Type?: Input['type'];
     isError?: boolean;
     index?: number;
+    append?: string;
+    precision?: number;
 };
-declare const Input: Partial<Input> | undefined;
+declare const Input: Input | undefined;
 type __VLS_ModelProps = {
     modelValue?: any;
 };

package/dist/runtime/components/UnInput.vue

@@ -16,10 +16,10 @@
       @input="SetText"
     >
     <div
-      v-if="Input?.append"
+      v-if="append || Input?.append"
       class="flex items-center justify-center text-gray-500"
     >
-      {{ Input.append }}
+      {{ append || Input.append }}
     </div>
   </div>
 </template>
@@ -27,14 +27,16 @@
 <script setup>
 import { s2n, p2e, computed } from "#imports";
 import numeral from "numeral";
-const { Type, Input } = defineProps({
+const { Type, Input, precision = 0 } = defineProps({
   disabled: { type: Boolean, required: false },
   Input: { type: Object, required: false },
   Type: { type: String, required: false },
   isError: { type: Boolean, required: false },
-  index: { type: Number, required: false }
+  index: { type: Number, required: false },
+  append: { type: String, required: false },
+  precision: { type: Number, required: false }
 });
 const modelValue = defineModel({ type: null });
-const Text = computed(() => Type === "number" ? numeral(modelValue.value).format("0,0") : ["numeric", "decimal"].includes(Input?.keyboadType) ? s2n(p2e(modelValue.value + "")) : modelValue.value);
+const Text = computed(() => Type === "number" ? numeral(modelValue.value).format(precision ? `0,0[.][${"0".repeat(precision)}]` : "0,0") : ["numeric", "decimal"].includes(Input?.keyboadType) ? s2n(p2e(modelValue.value + "")) : modelValue.value);
 const SetText = (v) => modelValue.value = Type === "number" ? Number(s2n(p2e(v.target.value || 0))) : v.target.value || "";
 </script>

package/dist/runtime/components/UnInput.vue.d.ts

@@ -1,12 +1,14 @@
 import type { Input } from '../types/models.js';
 type __VLS_Props = {
     disabled?: boolean;
-    Input?: Partial<Input>;
+    Input?: Input;
     Type?: Input['type'];
     isError?: boolean;
     index?: number;
+    append?: string;
+    precision?: number;
 };
-declare const Input: Partial<Input> | undefined;
+declare const Input: Input | undefined;
 type __VLS_ModelProps = {
     modelValue?: any;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "2.9.40",
+  "version": "2.9.46",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",