VanUI 0.11.2: choose function: Put the label to the top.

Author: Tao-VanJS

components/README.md

@@ -52,10 +52,10 @@ import { <components you want to import> } from "vanjs-ui"
 Alternatively, you can import **VanUI** from CDN via a `<script type="text/javascript">` tag:
 
 ```html
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.0/dist/van-ui.nomodule.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.2/dist/van-ui.nomodule.min.js"></script>
 ```
 
-`https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.0/dist/van-ui.nomodule.js` can be used for the non-minified version.
+`https://cdn.jsdelivr.net/npm/vanjs-ui@0.11.2/dist/van-ui.nomodule.js` can be used for the non-minified version.
 
 Note that: **VanJS** needs to be imported via a `<script type="text/javascript">` tag for **VanUI** to work properly.
 

components/dist/van-ui.js

@@ -454,7 +454,9 @@ export const choose = ({ label, options, selectedColor = "#f5f5f5", customModalP
     let resolve;
     const res = new Promise(r => resolve = r);
     const textFilterStyle = {
-        width: "100%",
+        width: "98%",
+        "margin-top": "0.5rem",
+        "margin-bottom": "0.5rem",
         ...textFilterStyleOverrides,
     };
     const optionsContainerStyle = {
@@ -468,7 +470,7 @@ export const choose = ({ label, options, selectedColor = "#f5f5f5", customModalP
         style: toStyleStr(textFilterStyle),
         oninput: e => query.val = e.target.value
     });
-    const modalDom = div(Modal(modalProps, div(textFilterDom), () => div({ class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, div(label), filtered.val.map((o, i) => div({
+    const modalDom = div(Modal(modalProps, div(label), div(textFilterDom), () => div({ class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, filtered.val.map((o, i) => div({
         class: () => [].concat(optionClass ? optionClass : [], i === index.val ? "vanui-choose-selected" : [], i === index.val && selectedClass ? selectedClass : []).join(" "),
         style: () => toStyleStr({
             padding: "0.5rem",

components/dist/van-ui.nomodule.js

@@ -454,7 +454,9 @@
       let resolve;
       const res = new Promise(r => resolve = r);
       const textFilterStyle = {
-          width: "100%",
+          width: "98%",
+          "margin-top": "0.5rem",
+          "margin-bottom": "0.5rem",
           ...textFilterStyleOverrides,
       };
       const optionsContainerStyle = {
@@ -468,7 +470,7 @@
           style: toStyleStr(textFilterStyle),
           oninput: e => query.val = e.target.value
       });
-      const modalDom = div(Modal(modalProps, div(textFilterDom), () => div({ class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, div(label), filtered.val.map((o, i) => div({
+      const modalDom = div(Modal(modalProps, div(label), div(textFilterDom), () => div({ class: optionsContainerClass, style: toStyleStr(optionsContainerStyle) }, filtered.val.map((o, i) => div({
           class: () => [].concat(optionClass ? optionClass : [], i === index.val ? "vanui-choose-selected" : [], i === index.val && selectedClass ? selectedClass : []).join(" "),
           style: () => toStyleStr({
               padding: "0.5rem",

components/dist/van-ui.nomodule.min.js

@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.0"
+    "vanjs-ui": "^0.11.2"
   }
 }

components/examples/await/package-lock.json

@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.0"
+    "vanjs-ui": "^0.11.2"
   }
 }

components/examples/await/package.json

@@ -15,6 +15,6 @@
   },
   "dependencies": {
     "vanjs-core": "^1.5.2",
-    "vanjs-ui": "^0.11.0"
+    "vanjs-ui": "^0.11.2"
   }
 }