@unsource/ui 1.9.11 → 1.9.12

package/dist/module.json

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

package/package.json

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

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

@@ -1,20 +0,0 @@
-import type { Input } from "~/types/models";
-type __VLS_Props = {
-    disabled?: boolean;
-    Input?: Input;
-    Type?: Input["type"];
-    isError?: boolean;
-    index?: number;
-};
-declare const Input: 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, {
-    "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>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/UnForm/Input.vue

@@ -1,35 +0,0 @@
-<template>
-  <div
-      :class="{ '!border-danger': isError }"
-      class="bg-white rounded-2xl h-12 flex gap-2 items-stretch px-2 ">
-    <input
-        :name="Input?.key + (index || '')"
-        :value="Text"
-        @input="SetText"
-        type="text"
-        :disabled="disabled"
-        :minlength="Input?.min || void 0"
-        :maxlength="Input?.max || void 0"
-        :inputmode="Type === 'number' ? 'decimal' : Input?.keyboadType || 'text'"
-        class="flex-grow bg-transparent outline-none"
-        :placeholder="Input?.placeholder || ''"/>
-    <div v-if="Input?.append"
-         class="flex items-center justify-center text-gray-500">{{ Input.append }}
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { s2n } from "~/composables/global";
-import numeral from "numeral";
-const { Type, Input } = defineProps({
-  disabled: { type: Boolean, required: false },
-  Input: { type: null, required: false },
-  Type: { type: null, required: false },
-  isError: { type: Boolean, required: false },
-  index: { 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 SetText = (v) => modelValue.value = Type === "number" ? Number(s2n(p2e(v.target.value || 0))) : v.target.value || "";
-</script>

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

@@ -1,20 +0,0 @@
-import type { Input } from "~/types/models";
-type __VLS_Props = {
-    disabled?: boolean;
-    Input?: Input;
-    Type?: Input["type"];
-    isError?: boolean;
-    index?: number;
-};
-declare const Input: 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, {
-    "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>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,14 +0,0 @@
-import type { Form, InputOption } from "~/types/models";
-type __VLS_Props = {
-    item: Form;
-    options: InputOption[];
-    required?: boolean;
-    isError?: boolean;
-};
-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 const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/UnForm/Item.vue

@@ -1,89 +0,0 @@
-<template>
-  <div class="flex flex-col gap-1 items-stretch text-base">
-    <TheLabel
-        :class="{ '!children:text-danger': isError }"
-        v-if="Input?.title && Type !== 'switch'"
-        :header="Input.title + (required ? '*' : '')"
-    >
-      {{ Input?.description }}
-    </TheLabel>
-    <TheFormInput v-model="modelValue" v-if="(Type === 'text' || Type === 'number') && !Input?.multiSelect" :Input="Input" :Type="Type" :disabled="item.disabled" :isError="isError"/>
-    <div v-for="(_,index) in modelValue" class="flex gap-2 items-center" v-else-if="(Type === 'text' || Type === 'number') && Input?.multiSelect">
-      <TheFormInput :index="index" class="grow" v-model="modelValue[index]" :Input="Input" :Type="Type" :disabled="item.disabled" :isError="isError"/>
-      <TheNuxtIcon v-if="!(index === 0 && required)" name="solar:trash-bin-minimalistic-bold-duotone" class="text-danger cursor-pointer" @click="removeItem(index)"/>
-    </div>
-    <textarea
-        v-else-if="Type === 'description'"
-        :name="Input?.key"
-        v-model="modelValue"
-        :disabled="item.disabled"
-        rows="4"
-        :class="{ '!border-danger': isError }"
-        class="rounded-2xl bg-white p-2 outline-none text-sm text-black-1 border-none"
-        :placeholder="Input?.placeholder || ''"/>
-    <TheToggle
-        :disabled="item.disabled"
-        v-else-if="Type === 'switch'"
-        v-model="modelValue"
-        :label="Input?.title"/>
-    <TheSelect
-        v-else-if="Type === 'select' && options?.length"
-        v-model="modelValue"
-        :options="options"
-        :light="true"
-        value-key="key"
-        label-key="title"
-        :searchable="true"
-        :disabled="item.disabled"
-        :is-error
-        :placeholder="Input.placeholder || ''"
-        :multi="!!Input.multiSelect"/>
-    <TheFormLocation v-else-if="Type === 'location'" v-model="modelValue" :isError/>
-    <TheMultiUploader
-        v-else-if="Type === 'image' && Input.multiSelect"
-        v-model="modelValue"
-        :max="Input?.max || 100"
-        :selected="modelValue?.default"
-        :disabled="item.disabled"
-        accept="image/*"
-        :class="{ '!border-danger': isError }"/>
-    <TheUploadFile v-else-if="Type === 'image'"
-                       v-model="modelValue"
-                       class="!h-50"
-                       accept="image/*"
-                       :disabled="item.disabled"
-                       :class="{ '!border-danger': isError }"
-                       icon="solar:gallery-add-line-duotone"
-                       :label="Input.title"/>
-    <TheIRDatePicker v-else-if="['date', 'datetime', 'time'].includes(Type?.toLowerCase() || '')" v-model="modelValue" locale="fa"
-                     :type="Type?.toLowerCase()" @append="modelValue = null"/>
-    <small v-if="Type === 'number' && modelValue">
-      {{ word }} {{ Input?.append || "" }}
-    </small>
-    <TheButton variant="primary" class="mt-2" v-if="Input?.multiSelect && !['select', 'image'].includes(Type)" icon="solar:add-square-line-duotone" size="md" @click="addLength"/>
-  </div>
-</template>
-
-<script setup>
-import PN from "persian-number";
-const emit = defineEmits(["update:modelValue"]);
-const { item, options, required, isError } = defineProps({
-  item: { type: null, required: true },
-  options: { type: Array, required: true },
-  required: { type: Boolean, required: false },
-  isError: { type: Boolean, required: false }
-});
-const Input = computed(() => item.input);
-const Type = computed(() => Input.value?.type);
-const modelValue = defineModel({ type: null });
-Input.value?.multiSelect && Type.value !== "select" && (modelValue.value ||= required ? [""] : []);
-const word = computed(() => {
-  return Type.value === "number" && modelValue.value && PN.convert(modelValue.value);
-});
-const addLength = () => {
-  modelValue.value?.push("");
-};
-const removeItem = (i) => {
-  modelValue.value.splice(i, 1);
-};
-</script>

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

@@ -1,14 +0,0 @@
-import type { Form, InputOption } from "~/types/models";
-type __VLS_Props = {
-    item: Form;
-    options: InputOption[];
-    required?: boolean;
-    isError?: boolean;
-};
-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 const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,18 +0,0 @@
-import type { Form } from "~/types/models";
-type __VLS_Props = {
-    items: Partial<Form>[];
-    errors?: string[];
-};
-type __VLS_ModelProps = {
-    modelValue?: any;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    schema: 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>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/UnForm/List.vue

@@ -1,41 +0,0 @@
-<template>
-  <div class="flex flex-col gap-3 items-stretch">
-    <TheFormItem :class="{ 'opacity-60': item.disabled }" v-for="item in items.filter(isActive)" :key="item.id" :item="item" v-model="form[_camelCase(item.input?.key)]"
-                 :required="inputIsRequire(item)" :options="Options(item.input?.options || [])" :is-error="errors?.includes(_camelCase(item.input?.key))"/>
-  </div>
-</template>
-
-<script setup>
-const { items } = defineProps({
-  items: { type: Array, required: true },
-  errors: { type: Array, required: false }
-});
-const form = defineModel({ type: null, ...{ default: {} } });
-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 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
-      });
-    }
-  }
-  return p;
-}, {}));
-const schema = computed(() => ({
-  type: "object",
-  properties: properties.value,
-  required: requiredKeys.value
-}));
-defineExpose({ schema });
-</script>

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

@@ -1,18 +0,0 @@
-import type { Form } from "~/types/models";
-type __VLS_Props = {
-    items: Partial<Form>[];
-    errors?: string[];
-};
-type __VLS_ModelProps = {
-    modelValue?: any;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    schema: 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>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,14 +0,0 @@
-type __VLS_Props = {
-    isError?: boolean;
-};
-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, {
-    "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>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/UnForm/Location.vue

@@ -1,29 +0,0 @@
-<template>
-  <div>
-    <div class="h-100 overflow-hidden rounded-lg <md:h-50" @click.prevent.stop="addressModal = true">
-      <TheMap
-          :class="{ '!border-danger': isError }"
-          :remove="true"
-          :readonly="true"
-          :points="points"/>
-    </div>
-    <TheModalLocation v-show="addressModal" @close="addressModal = false"
-                      @input="modelValue = $event;
-  addressModal = false"/>
-  </div>
-</template>
-
-<script setup>
-defineProps({
-  isError: { type: Boolean, required: false }
-});
-const modelValue = defineModel({ type: null });
-const addressModal = ref(false);
-const points = computed(() => [
-  modelValue.value ? {
-    image: "/images/home-marker.svg",
-    anchor: [0.5, 0.1],
-    coords: [modelValue.value.lng, modelValue.value?.lat]
-  } : null
-]);
-</script>

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

@@ -1,14 +0,0 @@
-type __VLS_Props = {
-    isError?: boolean;
-};
-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, {
-    "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>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,17 +0,0 @@
-type __VLS_Props = {
-    name: string;
-    ctx?: Record<string, any>;
-};
-type __VLS_ModelProps = {
-    modelValue?: any;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: 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>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/UnForm/index.vue

@@ -1,30 +0,0 @@
-<template>
-  <TheFormList ref="schema" v-if="items?.map((e) => e.value)?.length" :items="items?.map((e) => e.value)" v-model="form"
-               :errors/>
-</template>
-
-<script setup>
-import { formattedAddress, setOptions } from "~/composables/global";
-import { getForms } from "~/composables/services";
-const { name, ctx } = defineProps({
-  name: { type: String, required: true },
-  ctx: { type: Object, required: false }
-});
-const form = defineModel();
-const schema = ref(null);
-const { data: items } = useAsyncData("get-form", () => getForms(name), {
-  transform: (res) => Promise.allSettled(res?.map((e) => setOptions(e, ctx)) || [])
-});
-const { $toast } = useNuxtApp();
-const errors = ref([]);
-const validate = async () => {
-  if (!ajv.validate(schema.value.schema, form.value)) {
-    errors.value = _cloneDeep(ajv.errors.map((e) => e.params.missingProperty || e.instancePath.replace(/^\//, "")));
-    return $toast.error("\u0644\u0637\u0641\u0627 \u0645\u0648\u0627\u0631\u062F \u0631\u0627 \u0628\u0647 \u062F\u0631\u0633\u062A\u06CC \u062A\u06A9\u0645\u06CC\u0644 \u0646\u0645\u0627\u06CC\u06CC\u062F.");
-  }
-};
-watch(() => form.value.location, async (v) => {
-  form.value.address = await formattedAddress([v?.lng, v?.lat]);
-});
-defineExpose({ validate });
-</script>

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

@@ -1,17 +0,0 @@
-type __VLS_Props = {
-    name: string;
-    ctx?: Record<string, any>;
-};
-type __VLS_ModelProps = {
-    modelValue?: any;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: 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>;
-declare const _default: typeof __VLS_export;
-export default _default;