@anmed/mui-selection 0.0.5 → 0.0.7

package/SelectionField.svelte

@@ -45,6 +45,15 @@ const handlerClick = () => {
         dispatcher('action', value);
     }
 };
+const isItemSelect = (item, value) => {
+    if (item != null && value != null) {
+        if (keyCode != null) {
+            return item[keyCode] == value[keyCode];
+        }
+        return item == value;
+    }
+    return false;
+};
 </script>
 
 <div on:click={handlerClick}>
@@ -53,7 +62,7 @@ const handlerClick = () => {
         <CommonField {label} {required} bind:focused {above} {error}>
             <div class="card-select-box">
                 {#each list as item}
-        <span class="{item === value? 'card-select-item-selected' :'card-select-item-normal'}"
+        <span class="{isItemSelect(item,value)? 'card-select-item-selected' :'card-select-item-normal'}"
               on:click={()=>onCardItemClick(item)}>{getDisplayText(item)}</span>
                 {/each}
             </div>

package/mui-select-field.css

@@ -1,7 +1,6 @@
 * {
   margin: 0;
-  padding: 0;
-}
+  padding: 0; }
 
 .mui-select-slide-box {
   flex: 1;
@@ -9,12 +8,10 @@
   right: 0;
   bottom: 0;
   background: white;
-  user-select: none;
-}
+  user-select: none; }
 
 .mui-select-group {
-  display: flex;
-}
+  display: flex; }
 
 .mui-select-column {
   position: relative;
@@ -22,11 +19,10 @@
   height: 200px;
   margin: 0 auto;
   overflow: hidden;
-  touch-action: none;
-}
+  touch-action: none; }
 
 .mui-select-column::before {
-  content: "";
+  content: '';
   position: absolute;
   top: 0;
   left: 0;
@@ -34,11 +30,10 @@
   z-index: 1;
   height: 79px;
   border-bottom: 1px solid #ebebeb;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
-}
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)); }
 
 .mui-select-column::after {
-  content: "";
+  content: '';
   position: absolute;
   bottom: 0;
   left: 0;
@@ -46,27 +41,23 @@
   z-index: 1;
   height: 79px;
   border-top: 1px solid #ebebeb;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9));
-}
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9)); }
 
 li {
   list-style: none;
   font-size: 14px;
-  line-height: 40px;
-  text-align: center;
-}
+  padding: 5px 12px;
+  text-align: center; }
 
 .mui-select-field-text {
   color: var(mui-select-field-text-color, #999);
-  font-size: var(mui-select-field-text-font-size, 16px);
-}
+  font-size: var(mui-select-field-text-font-size, 16px); }
 
 .single-click-selection-box {
   width: 100%;
   background-color: white;
   border-top-right-radius: 15px;
-  border-top-left-radius: 15px;
-}
+  border-top-left-radius: 15px; }
 
 .single-click-selection-title {
   display: flex;
@@ -74,47 +65,39 @@ li {
   justify-content: center;
   color: #333333;
   font-size: 15px;
-  font-weight: bold;
-}
+  font-weight: bold; }
 
 .single-click-selection-ul {
-  height: 200px;
-  overflow: auto;
-}
+  min-height: 20vh;
+  max-height: 50vh;
+  overflow: auto; }
 
 .single-click-selection-li-normal {
-  height: 40px;
-  color: var(single-click-selection-normal-text-color, #666);
-}
+  color: var(single-click-selection-normal-text-color, #666); }
 
 .single-click-selection-li-selected {
-  height: 40px;
-  color: var(--single-click-selection-selected-text-color, #0912ff);
-}
+  color: var(--single-click-selection-selected-text-color, #0912ff); }
 
 .card-select-box {
   display: flex;
   justify-content: space-around;
   padding: 0 12px;
   text-align: center;
-  height: 30px;
-}
-.card-select-box .select-item-base, .card-select-box .card-select-item-selected, .card-select-box .card-select-item-normal {
-  width: 100%;
-  line-height: 24px;
-  border-radius: 5px;
-  margin-right: 10px;
-  font-size: 12px;
-  text-align: center;
-}
-.card-select-box .select-item-base:last-child, .card-select-box .card-select-item-selected:last-child, .card-select-box .card-select-item-normal:last-child {
-  margin-right: 0;
-}
-.card-select-box .card-select-item-normal {
-  background-color: var(--card-select-item-normal-bg-color, #F8F8F8);
-  color: var(--card-select-item-normal-text-color, #333333);
-}
-.card-select-box .card-select-item-selected {
-  background-color: var(--card-select-item-selected-bg-color, #E5F3FF);
-  color: var(--card-select-item-selected-text-color, #377EE1);
-}
+  height: 30px; }
+  .card-select-box .select-item-base, .card-select-box .card-select-item-normal, .card-select-box .card-select-item-selected {
+    width: 100%;
+    line-height: 24px;
+    border-radius: 5px;
+    margin-right: 10px;
+    font-size: 12px;
+    text-align: center; }
+    .card-select-box .select-item-base:last-child, .card-select-box .card-select-item-normal:last-child, .card-select-box .card-select-item-selected:last-child {
+      margin-right: 0; }
+  .card-select-box .card-select-item-normal {
+    background-color: var(--card-select-item-normal-bg-color, #F8F8F8);
+    color: var(--card-select-item-normal-text-color, #333333); }
+  .card-select-box .card-select-item-selected {
+    background-color: var(--card-select-item-selected-bg-color, #E5F3FF);
+    color: var(--card-select-item-selected-text-color, #377EE1); }
+
+/*# sourceMappingURL=mui-select-field.css.map */

package/mui-select-field.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,CAAE;EACA,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ,qBAAsB;EACpB,IAAI,EAAE,CAAC;EACP,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,CAAC;EACT,UAAU,EAAE,KAAK;EACjB,WAAW,EAAE,IAAI;;AAGnB,iBAAkB;EAChB,OAAO,EAAE,IAAI;;AAGf,kBAAmB;EACjB,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,KAAK;EACb,MAAM,EAAE,MAAM;EACd,QAAQ,EAAE,MAAM;EAChB,YAAY,EAAE,IAAI;;AAGpB,0BAA2B;EACzB,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,iBAAiB;EAChC,UAAU,EAAE,8EAA4E;;AAG1F,yBAA0B;EACxB,OAAO,EAAE,EAAE;EACX,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,OAAO,EAAE,CAAC;EACV,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,iBAAiB;EAC7B,UAAU,EAAE,8EAA4E;;AAG1F,EAAG;EACD,UAAU,EAAE,IAAI;EAChB,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,QAAQ;EACjB,UAAU,EAAE,MAAM;;AAGpB,sBAAuB;EACrB,KAAK,EAAE,sCAAsC;EAC7C,SAAS,EAAE,0CAA0C;;AAGvD,2BAA4B;EAC1B,KAAK,EAAE,IAAI;EACX,gBAAgB,EAAE,KAAK;EACvB,uBAAuB,EAAE,IAAI;EAC7B,sBAAsB,EAAE,IAAI;;AAG9B,6BAA8B;EAC5B,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,KAAK,EAAE,OAAO;EACd,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;;AAGnB,0BAA2B;EACzB,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,IAAI;;AAGhB,iCAAkC;EAChC,KAAK,EAAE,mDAAmD;;AAG5D,mCAAoC;EAClC,KAAK,EAAE,0DAA0D;;AAInE,gBAAiB;EACf,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,YAAY;EAC7B,OAAO,EAAE,MAAM;EACf,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,IAAI;EAEZ,0HAAkB;IAChB,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,GAAG;IAClB,YAAY,EAAE,IAAI;IAClB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAElB,2JAAa;MACX,YAAY,EAAE,CAAC;EAInB,yCAAyB;IAEvB,gBAAgB,EAAE,gDAAgD;IAClE,KAAK,EAAE,kDAAkD;EAG3D,2CAA2B;IAEzB,gBAAgB,EAAE,kDAAkD;IACpE,KAAK,EAAE,oDAAoD",
+"sources": ["mui-select-field.scss"],
+"names": [],
+"file": "mui-select-field.css"
+}

package/mui-select-field.scss

@@ -52,7 +52,7 @@
 li {
   list-style: none;
   font-size: 14px;
-  line-height: 40px;
+  padding: 5px 12px;
   text-align: center;
 }
 
@@ -78,17 +78,16 @@ li {
 }
 
 .single-click-selection-ul {
-  height: 200px;
+  min-height: 20vh;
+  max-height: 50vh;
   overflow: auto;
 }
 
 .single-click-selection-li-normal {
-  height: 40px;
   color: var(single-click-selection-normal-text-color, #666);
 }
 
 .single-click-selection-li-selected {
-  height: 40px;
   color: var(--single-click-selection-selected-text-color, #0912ff);
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anmed/mui-selection",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "",
   "type": "module",
   "main": "index.js",
@@ -24,12 +24,14 @@
   "license": "MIT",
   "exports": {
     "./package.json": "./package.json",
+    "./.sass-cache/efa7a12223b0fc14812896ebc95f69f4ba9df668/mui-select-field.scssc": "./.sass-cache/efa7a12223b0fc14812896ebc95f69f4ba9df668/mui-select-field.scssc",
     "./Selection.svelte": "./Selection.svelte",
     "./SelectionField.svelte": "./SelectionField.svelte",
     "./SelectionSpinner.svelte": "./SelectionSpinner.svelte",
     "./SingleClickSelectionSpinner.svelte": "./SingleClickSelectionSpinner.svelte",
     ".": "./index.js",
     "./mui-select-field.css": "./mui-select-field.css",
+    "./mui-select-field.css.map": "./mui-select-field.css.map",
     "./mui-select-field.scss": "./mui-select-field.scss"
   },
   "svelte": "./index.js"