vueless 0.0.100 → 0.0.102

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.100",
+  "version": "0.0.102",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.form-input-file/composables/attrs.composable.js

@@ -45,9 +45,9 @@ export function useAttrs(props) {
     classes: placeholderClasses,
     isComponent: true,
   });
-  const iconPlaceholderAttrs = getAttrs("iconPlaceholder", { isComponent: true });
-  const iconCloseAttrs = getAttrs("iconClose", { isComponent: true });
-  const iconUploadFileAttrs = getAttrs("iconUploadFile", { isComponent: true });
+  const placeholderIconAttrs = getAttrs("placeholderIcon", { isComponent: true });
+  const clearIconAttrs = getAttrs("clearIcon", { isComponent: true });
+  const chooseFileIconNameAttrs = getAttrs("chooseFileIconName", { isComponent: true });
   const inputAttrs = getAttrs("input");
 
   return {
@@ -59,9 +59,9 @@ export function useAttrs(props) {
     descriptionAttrs,
     buttonWrapperAttrs,
     placeholderWrapperAttrs,
-    iconPlaceholderAttrs,
-    iconCloseAttrs,
-    iconUploadFileAttrs,
+    placeholderIconAttrs,
+    clearIconAttrs,
+    chooseFileIconNameAttrs,
     placeholderAttrs,
   };
 }

package/ui.form-input-file/configs/default.config.js

@@ -38,13 +38,13 @@ export default /*tw*/ {
       },
     },
   },
-  iconPlaceholderName: "attach_file",
-  iconPlaceholder: "-rotate-45",
   button: "hover:cursor-pointer",
-  iconUploadFileName: "upload_file",
-  iconCloseName: "close",
-  iconClose: "",
-  iconUploadFile: "",
+  placeholderIcon: "-rotate-45",
+  placeholderIconName: "attach_file",
+  chooseFileIcon: "",
+  chooseFileIconName: "upload_file",
+  clearIcon: "",
+  clearIconName: "close",
   dropzoneWrapperHover: "border-gray-400 bg-gray-50",
   dropzoneWrapperError: "hover:border-red-400 border-red-300",
   input: "sr-only pointer-events-none size-0 opacity-0",
@@ -57,7 +57,7 @@ export default /*tw*/ {
   defaultVariants: {
     size: "md",
     labelAlign: "topInside",
-    allowedFileTypes: [".png", ".jpg", ".jpeg", ".pdf", ".txt", ".doc", ".docx", "xls", ".xlsx"],
+    allowedFileTypes: [],
     maxFileSize: 100,
   },
 };

package/ui.form-input-file/index.vue

@@ -9,8 +9,8 @@
             pill
             internal
             :size="nestedComponentSize"
-            :name="config.iconPlaceholderName"
-            v-bind="iconPlaceholderAttrs"
+            :name="config.placeholderIconName"
+            v-bind="placeholderIconAttrs"
           />
           <span v-bind="placeholderAttrs" v-text="placeholder" />
         </div>
@@ -30,8 +30,8 @@
               <UIcon
                 internal
                 :size="nestedComponentSize"
-                :name="config.iconUploadFileName"
-                v-bind="iconUploadFileAttrs"
+                :name="config.chooseFileIconName"
+                v-bind="chooseFileIconAttrs"
               />
             </template>
           </UButton>
@@ -50,9 +50,9 @@
           interactive
           internal
           :size="nestedComponentSize"
-          :name="config.iconCloseName"
+          :name="config.clearIconName"
           pill
-          v-bind="iconCloseAttrs"
+          v-bind="clearIconAttrs"
           @click="onClickResetFiles"
         />
       </div>
@@ -64,6 +64,11 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref } from "vue";
 import { merge } from "lodash-es";
 
+import UText from "../ui.text-block";
+import UIcon from "../ui.image-icon";
+import ULabel from "../ui.form-label";
+import UButton from "../ui.button";
+
 import UIService, { getRandomId } from "../service.ui";
 import { getFileMbSize } from "./services/fileForm.service";
 
@@ -172,9 +177,9 @@ const {
   descriptionAttrs,
   buttonWrapperAttrs,
   placeholderWrapperAttrs,
-  iconPlaceholderAttrs,
-  iconCloseAttrs,
-  iconUploadFileAttrs,
+  placeholderIconAttrs,
+  clearIconAttrs,
+  chooseFileIconAttrs,
   placeholderAttrs,
   inputAttrs,
 } = useAttrs(props);
@@ -226,7 +231,10 @@ onBeforeUnmount(() => {
 function validate(file) {
   const targetFileSize = getFileMbSize(file);
 
-  const isValidType = extensionNames.value.some((item) => file.type.includes(item));
+  const isValidType = extensionNames.value.length
+    ? extensionNames.value.some((item) => file.type.includes(item))
+    : true;
+
   const isValidSize = targetFileSize <= props.maxFileSize;
 
   if (!isValidSize) {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.100",
+  "version": "0.0.102",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -3492,7 +3492,7 @@
                 "kind": "expression",
                 "type": "array"
               },
-              "default": ".png,.jpg,.jpeg,.pdf,.txt,.doc,.docx,xls,.xlsx"
+              "default": ""
             },
             {
               "name": "size",