@amirjalili1374/ui-kit 1.5.79 → 1.5.81

package/dist/ui-kit.es.js

@@ -13952,102 +13952,98 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
   props: {
     modelValue: { default: "" },
     label: { default: "تاریخ" },
-    placeholder: { default: "تاریخ را انتخاب کنید" },
-    variant: { default: "outlined" },
-    density: { default: "compact" },
+    placeholder: { default: "انتخاب کنید" },
     color: { default: "primary" },
     disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
     clearable: { type: Boolean, default: true },
-    rules: { default: () => [] },
-    hideDetails: { type: [Boolean, String], default: "auto" },
-    prependInnerIcon: { default: "" },
-    appendInnerIcon: { default: "" },
-    format: { default: "YYYY-MM-DD" },
-    displayFormat: { default: "jYYYY/jMM/jDD" },
-    minDate: { default: "" },
-    maxDate: { default: "" },
+    minDate: {},
+    maxDate: {},
     mode: { default: "single" },
-    icon: { default: "" },
-    outputFormat: { default: "iso" }
+    type: { default: "date" },
+    outputFormat: { default: "iso" },
+    format: {},
+    displayFormat: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const internalFormat = computed(() => {
+      if (props.format) return props.format;
+      return props.type === "datetime" || props.type === "time" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+    });
+    const internalDisplayFormat = computed(() => {
+      if (props.displayFormat) return props.displayFormat;
+      switch (props.type) {
+        case "datetime":
+          return "jYYYY/jMM/jDD HH:mm";
+        case "time":
+          return "HH:mm";
+        case "year":
+          return "jYYYY";
+        case "month":
+          return "jMMMM jYYYY";
+        default:
+          return "jYYYY/jMM/jDD";
+      }
+    });
     const selectedDate = computed({
       get: () => {
+        if (!props.modelValue) return "";
         if (props.mode === "range" && Array.isArray(props.modelValue)) {
           return props.modelValue;
-        } else if (typeof props.modelValue === "string" && props.modelValue) {
-          if (props.modelValue.includes("T")) {
-            const date = new Date(props.modelValue);
-            const localDate = date.getFullYear() + "-" + String(date.getMonth() + 1).padStart(2, "0") + "-" + String(date.getDate()).padStart(2, "0");
-            return localDate;
+        }
+        if (typeof props.modelValue === "string" && props.modelValue.includes("T")) {
+          const date = new Date(props.modelValue);
+          if (!isNaN(date.getTime())) {
+            const pad = (n) => String(n).padStart(2, "0");
+            const y = date.getFullYear();
+            const m = pad(date.getMonth() + 1);
+            const d = pad(date.getDate());
+            const h2 = pad(date.getHours());
+            const min = pad(date.getMinutes());
+            const s = pad(date.getSeconds());
+            if (props.type === "datetime" || props.type === "time") {
+              return `${y}-${m}-${d} ${h2}:${min}:${s}`;
+            }
+            return `${y}-${m}-${d}`;
           }
-          return props.modelValue;
         }
         return props.modelValue;
       },
       set: (value2) => {
-        emit("update:modelValue", value2);
       }
     });
+    const formatOutput = (date) => {
+      if (!date) return "";
+      let dateObj;
+      if (date._isAMomentObject) dateObj = date.toDate();
+      else if (typeof date === "string") dateObj = new Date(date);
+      else if (date instanceof Date) dateObj = date;
+      else return "";
+      if (isNaN(dateObj.getTime())) return "";
+      if (props.outputFormat === "date-only" && props.type === "date") {
+        const y = dateObj.getFullYear();
+        const m = String(dateObj.getMonth() + 1).padStart(2, "0");
+        const d = String(dateObj.getDate()).padStart(2, "0");
+        return `${y}-${m}-${d}`;
+      }
+      return dateObj.toISOString();
+    };
     const onDateChange = (date) => {
       if (props.mode === "range") {
         if (Array.isArray(date) && date.length === 2) {
-          const [startDate, endDate] = date;
-          const gregorianStart = formatOutput(startDate);
-          const gregorianEnd = formatOutput(endDate);
-          emit("update:modelValue", [gregorianStart, gregorianEnd]);
+          emit("update:modelValue", [formatOutput(date[0]), formatOutput(date[1])]);
         } else {
           emit("update:modelValue", null);
         }
       } else {
-        if (date) {
-          const formattedDate = formatOutput(date);
-          emit("update:modelValue", formattedDate);
-        } else {
-          emit("update:modelValue", "");
-        }
-      }
-    };
-    const formatOutput = (date) => {
-      if (!date) return "";
-      let dateObj;
-      if (date._isAMomentObject && date.isValid()) {
-        dateObj = date.toDate();
-      } else if (typeof date === "string") {
-        dateObj = new Date(date);
-      } else if (date instanceof Date) {
-        dateObj = date;
-      } else {
-        return "";
-      }
-      if (isNaN(dateObj.getTime())) return "";
-      const year = dateObj.getFullYear();
-      const month = dateObj.getMonth();
-      const day = dateObj.getDate();
-      if (props.outputFormat === "date-only") {
-        const m = String(month + 1).padStart(2, "0");
-        const d = String(day).padStart(2, "0");
-        return `${year}-${m}-${d}`;
-      } else {
-        const utcDate = new Date(Date.UTC(year, month, day, 0, 0, 0, 0));
-        return utcDate.toISOString();
+        emit("update:modelValue", date ? formatOutput(date) : "");
       }
     };
-    const inputClass = computed(() => {
-      const classes = ["v-text-field", "v-input", "v-input--density-comfortable"];
-      if (props.variant === "outlined") {
-        classes.push("v-text-field--variant-outlined");
-      }
-      return classes.join(" ");
-    });
-    const wrapperClass = computed(() => {
-      return "v-field v-field--variant-outlined v-field--density-comfortable";
-    });
     const isRangeMode = computed(() => props.mode === "range");
+    const inputClass = computed(() => "v-text-field v-input v-input--density-comfortable v-text-field--variant-outlined");
+    const wrapperClass = computed(() => "v-field v-field--variant-outlined v-field--density-comfortable");
     return (_ctx, _cache) => {
       const _component_Vue3PersianDatetimePicker = resolveComponent("Vue3PersianDatetimePicker");
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
@@ -14055,8 +14051,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
           label: __props.label,
           modelValue: selectedDate.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
-          format: __props.format,
-          "display-format": __props.displayFormat,
+          type: __props.type,
+          format: internalFormat.value,
+          "display-format": internalDisplayFormat.value,
           editable: false,
           clearable: __props.clearable,
           disabled: __props.disabled,
@@ -14068,12 +14065,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent$1({
           range: isRangeMode.value,
           color: __props.color,
           onChange: onDateChange
-        }, null, 8, ["label", "modelValue", "format", "display-format", "clearable", "disabled", "min", "max", "placeholder", "input-class", "wrapper-class", "range", "color"])
+        }, null, 8, ["label", "modelValue", "type", "format", "display-format", "clearable", "disabled", "min", "max", "placeholder", "input-class", "wrapper-class", "range", "color"])
       ]);
     };
   }
 });
-const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-faabccc1"]]);
+const ShamsiDatePicker = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-d9d904b6"]]);
 const _hoisted_1$a = { class: "mb-6" };
 const _hoisted_2$6 = { class: "text-subtitle-1 font-weight-medium mb-3" };
 const _hoisted_3$4 = { class: "theme-toggle-container" };
@@ -21989,7 +21986,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-17da761e"]]);
+const AppStepper = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-5e0dd5c8"]]);
 var lottie = { exports: {} };
 (function(module, exports$1) {
   typeof navigator !== "undefined" && function(global2, factory) {