Merge pull request #55 from viivue/4.1.2

4.1.2
viivue · Jan 12, 2024 · b593bc0 · b593bc0
2 parents fe27399 + a5d993e
commit b593bc0
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 20 deletions.
diff --git a/.npmignore b/.npmignore
@@ -4,8 +4,8 @@
 .eslintrc.json
 .prettierrc.json
 jsconfig.json
-/src
-/examples
 /config
 /public
-postcss.config.js
+/src
+/web
+/dev
diff --git a/README.md b/README.md
@@ -13,9 +13,23 @@
 
 ```html
 
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/viivue/easy-select@4.1.1/dist/easy-select.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/viivue/easy-select@4.1.2/dist/easy-select.min.css">
 
-<script src="https://cdn.jsdelivr.net/gh/viivue/easy-select@4.1.1/dist/easy-select.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/viivue/easy-select@4.1.2/dist/easy-select.min.js"></script>
+```
+
+### NPM Package
+
+Install NPM package
+
+```shell
+npm i @viivue/easy-select
+```
+
+Import
+
+```js
+import "@viivue/easy-select";
 ```
 
 ## Initialize

diff --git a/dist/easy-select.min.js b/dist/easy-select.min.js
diff --git a/dist/easy-select.module.js b/dist/easy-select.module.js
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "easy-select",
+  "name": "@viivue/easy-select",
   "prettyName": "Easy Select",
   "codeName": "EasySelect",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "Customizing select is easier than ever.",
   "homepage": "https://github.com/viivue/easy-select",
   "repository": {

diff --git a/src/_index.js b/src/_index.js
@@ -124,19 +124,32 @@ class EasySelect{
 
 
     /**
-     * Refresh
+     * Remove all options and refresh
+     */
+    removeAllOptions(){
+        this.selectTag.innerHTML = '';
+        this.refresh();
+    }
+
+
+    /**
+     * Refresh based on the select tag options
      */
     refresh(){
         if(this.isDisabled) return;
         this.selectTagData = getSelectData(this);
 
-        // update current
-        this.current.innerHTML = getOptionHTML(this);
+        if(this.selectTagData.length){
+            // update current
+            this.current.innerHTML = getOptionHTML(this);
 
-        // if not native select
-        if(!this.options.nativeSelect){
-            // update dropdown
-            updateDropdownHTML(this);
+            // if not native select
+            if(!this.options.nativeSelect){
+                // update dropdown
+                updateDropdownHTML(this);
+            }
+        }else{
+            // select with no option
         }
 
         // Event: on refresh