@varlet/ui 3.11.1 → 3.11.3

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.11.1",
+  "version": "3.11.3",
   "name": "VARLET",
   "contributions": {
     "html": {

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.11.1",
+  "version": "3.11.3",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/varlet.cjs.js

@@ -4175,7 +4175,7 @@ const props$1g = {
 };
 const { name: name$1i, n: n$1p } = createNamespace("form-details");
 const _hoisted_1$C = { key: 0 };
-const _hoisted_2$a = { key: 0 };
+const _hoisted_2$9 = { key: 0 };
 function __render__$1n(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n()
@@ -4226,7 +4226,7 @@ function __render__$1n(_ctx, _cache) {
                   vue.renderSlot(_ctx.$slots, "extra-message", {}, () => [
                     _ctx.extraMessage ? (vue.openBlock(), vue.createElementBlock(
                       "div",
-                      _hoisted_2$a,
+                      _hoisted_2$9,
                       vue.toDisplayString(_ctx.extraMessage),
                       1
                       /* TEXT */
@@ -4767,7 +4767,7 @@ const props$1e = __spreadProps$a(__spreadValues$s({
 });
 const { name: name$1g, n: n$1n, classes: classes$14 } = createNamespace("input");
 const _hoisted_1$A = ["aria-label", "placeholder", "enterkeyhint"];
-const _hoisted_2$9 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
+const _hoisted_2$8 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
 const _hoisted_3$4 = ["id", "aria-label", "autocomplete", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
 function __render__$1l(_ctx, _cache) {
   const _component_var_field_decorator = vue.resolveComponent("var-field-decorator");
@@ -4859,7 +4859,7 @@ function __render__$1l(_ctx, _cache) {
               onChange: _cache[3] || (_cache[3] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
               onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
               onCompositionend: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args))
-            }, null, 46, _hoisted_2$9)) : (vue.openBlock(), vue.createElementBlock("input", {
+            }, null, 46, _hoisted_2$8)) : (vue.openBlock(), vue.createElementBlock("input", {
               key: 2,
               id: _ctx.id,
               ref: "el",
@@ -5198,7 +5198,7 @@ function useCheckboxGroup() {
   };
 }
 const { name: name$1f, n: n$1m, classes: classes$13 } = createNamespace("checkbox");
-const _hoisted_1$z = ["tabindex"];
+const _hoisted_1$z = ["aria-checked", "aria-disabled", "tabindex"];
 function __render__$1k(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -5211,15 +5211,20 @@ function __render__$1k(_ctx, _cache) {
       class: vue.normalizeClass(_ctx.n("wrap"))
     },
     [
-      vue.createElementVNode(
-        "div",
-        {
-          class: vue.normalizeClass(_ctx.n()),
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-        },
-        [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-            ref: "action",
+      vue.createElementVNode("div", {
+        ref: "checkbox",
+        role: "checkbox",
+        "aria-checked": _ctx.isIndeterminate ? "mixed" : _ctx.checked,
+        "aria-disabled": _ctx.formDisabled || _ctx.disabled,
+        class: vue.normalizeClass(_ctx.n()),
+        tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+        onFocus: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = true),
+        onBlur: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = false),
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      }, [
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
             class: vue.normalizeClass(
               _ctx.classes(
                 _ctx.n("action"),
@@ -5228,11 +5233,9 @@ function __render__$1k(_ctx, _cache) {
                 [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
               )
             ),
-            style: vue.normalizeStyle({ color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor }),
-            tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
-            onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
-            onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
-          }, [
+            style: vue.normalizeStyle({ color: _ctx.checked || _ctx.isIndeterminate ? _ctx.checkedColor : _ctx.uncheckedColor })
+          },
+          [
             _ctx.isIndeterminate ? vue.renderSlot(_ctx.$slots, "indeterminate-icon", { key: 0 }, () => [
               vue.createVNode(_component_var_icon, {
                 class: vue.normalizeClass(_ctx.n("icon")),
@@ -5261,33 +5264,33 @@ function __render__$1k(_ctx, _cache) {
               hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
               focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
             }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1$z)), [
-            [_directive_hover, _ctx.handleHovering, "desktop"],
-            [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
-          ]),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(
-                _ctx.classes(
-                  _ctx.n("text"),
-                  [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")],
-                  [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
-                )
-              ),
-              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      ),
+          ],
+          6
+          /* CLASS, STYLE */
+        )), [
+          [_directive_hover, _ctx.handleHovering, "desktop"],
+          [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
+        ]),
+        _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: vue.normalizeClass(
+              _ctx.classes(
+                _ctx.n("text"),
+                [_ctx.errorMessage || _ctx.checkboxGroupErrorMessage, _ctx.n("--error")],
+                [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+              )
+            ),
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
+          ],
+          2
+          /* CLASS */
+        )) : vue.createCommentVNode("v-if", true)
+      ], 42, _hoisted_1$z),
       vue.createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
     ],
     2
@@ -5304,7 +5307,7 @@ const __sfc__$1n = vue.defineComponent({
   },
   props: props$1d,
   setup(props2) {
-    const action = vue.ref(null);
+    const checkbox = vue.ref(null);
     const isFocusing = vue.ref(false);
     const value = useVModel(props2, "modelValue");
     const isIndeterminate = useVModel(props2, "indeterminate");
@@ -5367,7 +5370,7 @@ const __sfc__$1n = vue.defineComponent({
       change(checked.value ? uncheckedValue : checkedValue2);
     }
     function handleTextClick() {
-      action.value.focus();
+      checkbox.value.focus();
     }
     function sync(values) {
       const { checkedValue: checkedValue2, uncheckedValue } = props2;
@@ -5394,7 +5397,7 @@ const __sfc__$1n = vue.defineComponent({
         preventDefault(event);
       }
       if (key3 === "Enter") {
-        action.value.click();
+        checkbox.value.click();
       }
     }
     function handleKeyup(event) {
@@ -5403,14 +5406,14 @@ const __sfc__$1n = vue.defineComponent({
       }
       if (event.key === " ") {
         preventDefault(event);
-        action.value.click();
+        checkbox.value.click();
       }
     }
     function validate() {
       return v(props2.rules, props2.modelValue);
     }
     return {
-      action,
+      checkbox,
       isFocusing,
       isIndeterminate,
       checked,
@@ -8193,12 +8196,12 @@ const __sfc__$1j = vue.defineComponent({
       }
     }
     function getActiveElementParent(activeElement) {
-      var _a, _b, _c;
+      var _a, _b;
       if (activeElement.classList.contains("var-menu-option--children-trigger")) {
         return (_a = activeElement.parentNode) == null ? void 0 : _a.parentNode;
       }
-      if (activeElement.classList.contains("var-checkbox__action")) {
-        const optionElement = (_c = (_b = activeElement.parentNode) == null ? void 0 : _b.parentNode) == null ? void 0 : _c.parentNode;
+      if (activeElement.classList.contains("var-checkbox")) {
+        const optionElement = (_b = activeElement.parentNode) == null ? void 0 : _b.parentNode;
         if (optionElement) {
           return getActiveElementParent(optionElement);
         }
@@ -8942,7 +8945,7 @@ const props$18 = {
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
 const { name: name$19, n: n$1g, classes: classes$$ } = createNamespace("avatar");
 const _hoisted_1$v = ["src", "alt", "lazy-loading", "lazy-error"];
-const _hoisted_2$8 = ["src", "alt"];
+const _hoisted_2$7 = ["src", "alt"];
 function __render__$1e(_ctx, _cache) {
   const _directive_lazy = vue.resolveDirective("lazy");
   return vue.openBlock(), vue.createElementBlock(
@@ -8993,7 +8996,7 @@ function __render__$1e(_ctx, _cache) {
             style: vue.normalizeStyle({ objectFit: _ctx.fit }),
             onLoad: _cache[1] || (_cache[1] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
             onError: _cache[2] || (_cache[2] = (...args) => _ctx.handleError && _ctx.handleError(...args))
-          }, null, 46, _hoisted_2$8))
+          }, null, 46, _hoisted_2$7))
         ],
         64
         /* STABLE_FRAGMENT */
@@ -18716,7 +18719,7 @@ const props$C = {
 };
 const { name: name$D, n: n$G, classes: classes$x } = createNamespace("image");
 const _hoisted_1$n = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
-const _hoisted_2$7 = ["alt", "title", "referrerpolicy", "src"];
+const _hoisted_2$6 = ["alt", "title", "referrerpolicy", "src"];
 function __render__$G(_ctx, _cache) {
   var _a;
   const _directive_lazy = vue.resolveDirective("lazy");
@@ -18759,7 +18762,7 @@ function __render__$G(_ctx, _cache) {
         onLoad: _cache[2] || (_cache[2] = (...args) => _ctx.handleLoad && _ctx.handleLoad(...args)),
         onError: _cache[3] || (_cache[3] = (...args) => _ctx.handleError && _ctx.handleError(...args)),
         onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-      }, null, 46, _hoisted_2$7)) : vue.createCommentVNode("v-if", true),
+      }, null, 46, _hoisted_2$6)) : vue.createCommentVNode("v-if", true),
       _ctx.showErrorSlot ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }) : vue.createCommentVNode("v-if", true)
     ],
     6
@@ -19488,7 +19491,7 @@ const ANIMATION_DURATION = 200;
 const LONG_PRESS_DELAY = 500;
 const BASE_RATIO = 1;
 const _hoisted_1$k = ["onTouchstart"];
-const _hoisted_2$6 = ["src", "alt"];
+const _hoisted_2$5 = ["src", "alt"];
 function __render__$D(_ctx, _cache) {
   const _component_var_swipe_item = vue.resolveComponent("var-swipe-item");
   const _component_var_swipe = vue.resolveComponent("var-swipe");
@@ -19550,7 +19553,7 @@ function __render__$D(_ctx, _cache) {
                       class: vue.normalizeClass(_ctx.classes(_ctx.n("image"), [_ctx.isPreventDefault, _ctx.n("--prevent")])),
                       src: image,
                       alt: image
-                    }, null, 10, _hoisted_2$6)
+                    }, null, 10, _hoisted_2$5)
                   ], 46, _hoisted_1$k)
                 ]),
                 _: 2
@@ -21655,7 +21658,7 @@ const TRANSITION_DURATION = 200;
 const MOMENTUM_TRANSITION_DURATION = 1e3;
 let sid$1 = 0;
 const _hoisted_1$g = ["onTouchstartPassive", "onTouchmove", "onTouchend"];
-const _hoisted_2$5 = ["onTransitionend"];
+const _hoisted_2$4 = ["onTransitionend"];
 const _hoisted_3$3 = ["onClick"];
 function __render__$v(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
@@ -21811,7 +21814,7 @@ function __render__$v(_ctx, _cache) {
                           128
                           /* KEYED_FRAGMENT */
                         ))
-                      ], 46, _hoisted_2$5)
+                      ], 46, _hoisted_2$4)
                     ], 42, _hoisted_1$g);
                   }),
                   128
@@ -22251,7 +22254,7 @@ const RADIUS = 20;
 const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
 const { name: name$o, n: n$r, classes: classes$l } = createNamespace("progress");
 const _hoisted_1$f = ["aria-valuenow"];
-const _hoisted_2$4 = ["viewBox"];
+const _hoisted_2$3 = ["viewBox"];
 const _hoisted_3$2 = { key: 0 };
 const _hoisted_4$2 = ["id"];
 const _hoisted_5$1 = ["offset", "stop-color"];
@@ -22405,7 +22408,7 @@ function __render__$u(_ctx, _cache) {
               transformOrigin: "50% 50%"
             })
           }, null, 14, _hoisted_7)
-        ], 10, _hoisted_2$4)),
+        ], 10, _hoisted_2$3)),
         _ctx.label ? (vue.openBlock(), vue.createElementBlock(
           "div",
           {
@@ -22775,8 +22778,7 @@ function useRadioGroup() {
   };
 }
 const { name: name$m, n: n$p, classes: classes$j } = createNamespace("radio");
-const _hoisted_1$e = ["aria-checked"];
-const _hoisted_2$3 = ["tabindex"];
+const _hoisted_1$e = ["aria-checked", "aria-disabled", "tabindex"];
 function __render__$s(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -22790,47 +22792,54 @@ function __render__$s(_ctx, _cache) {
     },
     [
       vue.createElementVNode("div", vue.mergeProps({
+        ref: "radio",
         role: "radio",
+        class: _ctx.n(),
         "aria-checked": _ctx.checked,
-        class: _ctx.n()
+        "aria-disabled": _ctx.formDisabled || _ctx.disabled
       }, _ctx.$attrs, {
-        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+        tabindex: _ctx.tabIndex,
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.isFocusing = true),
+        onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.isFocusing = false)
       }), [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          ref: "action",
-          class: vue.normalizeClass(
-            _ctx.classes(
-              _ctx.n("action"),
-              [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
-              [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
-              [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
-            )
-          ),
-          tabindex: _ctx.tabIndex,
-          style: vue.normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor }),
-          onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
-          onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
-        }, [
-          _ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
-            vue.createVNode(_component_var_icon, {
-              class: vue.normalizeClass(_ctx.n("icon")),
-              "var-radio-cover": "",
-              name: "radio-marked",
-              size: _ctx.iconSize
-            }, null, 8, ["class", "size"])
-          ]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
-            vue.createVNode(_component_var_icon, {
-              class: vue.normalizeClass(_ctx.n("icon")),
-              "var-radio-cover": "",
-              name: "radio-blank",
-              size: _ctx.iconSize
-            }, null, 8, ["class", "size"])
-          ]),
-          vue.createVNode(_component_var_hover_overlay, {
-            hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
-            focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
-          }, null, 8, ["hovering", "focusing"])
-        ], 46, _hoisted_2$3)), [
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            class: vue.normalizeClass(
+              _ctx.classes(
+                _ctx.n("action"),
+                [_ctx.checked, _ctx.n("--checked"), _ctx.n("--unchecked")],
+                [_ctx.errorMessage || _ctx.radioGroupErrorMessage, _ctx.n("--error")],
+                [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
+              )
+            ),
+            style: vue.normalizeStyle({ color: _ctx.checked ? _ctx.checkedColor : _ctx.uncheckedColor })
+          },
+          [
+            _ctx.checked ? vue.renderSlot(_ctx.$slots, "checked-icon", { key: 0 }, () => [
+              vue.createVNode(_component_var_icon, {
+                class: vue.normalizeClass(_ctx.n("icon")),
+                "var-radio-cover": "",
+                name: "radio-marked",
+                size: _ctx.iconSize
+              }, null, 8, ["class", "size"])
+            ]) : vue.renderSlot(_ctx.$slots, "unchecked-icon", { key: 1 }, () => [
+              vue.createVNode(_component_var_icon, {
+                class: vue.normalizeClass(_ctx.n("icon")),
+                "var-radio-cover": "",
+                name: "radio-blank",
+                size: _ctx.iconSize
+              }, null, 8, ["class", "size"])
+            ]),
+            vue.createVNode(_component_var_hover_overlay, {
+              hovering: !_ctx.disabled && !_ctx.formDisabled && _ctx.hovering,
+              focusing: !_ctx.disabled && !_ctx.formDisabled && _ctx.isFocusing
+            }, null, 8, ["hovering", "focusing"])
+          ],
+          6
+          /* CLASS, STYLE */
+        )), [
           [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
           [_directive_hover, _ctx.handleHovering, "desktop"]
         ]),
@@ -22845,7 +22854,7 @@ function __render__$s(_ctx, _cache) {
                 [_ctx.formDisabled || _ctx.disabled, _ctx.n("--disabled")]
               )
             ),
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
           },
           [
             vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
@@ -22871,7 +22880,7 @@ const __sfc__$t = vue.defineComponent({
   inheritAttrs: false,
   props: props$m,
   setup(props2) {
-    const action = vue.ref();
+    const radio = vue.ref();
     const isFocusing = vue.ref(false);
     const value = useVModel(props2, "modelValue");
     const checked = vue.computed(() => value.value === props2.checkedValue);
@@ -22905,8 +22914,8 @@ const __sfc__$t = vue.defineComponent({
       isFocusing: vue.computed(() => isFocusing.value),
       // keyboard arrow move
       move() {
-        action.value.focus();
-        action.value.click();
+        radio.value.focus();
+        radio.value.click();
       },
       moveable() {
         return !(form == null ? void 0 : form.disabled.value) && !props2.disabled && !(form == null ? void 0 : form.readonly.value) && !props2.readonly;
@@ -22925,7 +22934,7 @@ const __sfc__$t = vue.defineComponent({
         preventDefault(event);
       }
       if (key3 === "Enter") {
-        action.value.click();
+        radio.value.click();
       }
     }
     function handleKeyup(event) {
@@ -22934,7 +22943,7 @@ const __sfc__$t = vue.defineComponent({
       }
       if (event.key === " ") {
         preventDefault(event);
-        action.value.click();
+        radio.value.click();
       }
     }
     function validateWithTrigger(trigger) {
@@ -22965,7 +22974,7 @@ const __sfc__$t = vue.defineComponent({
       change(checked.value ? uncheckedValue : checkedValue);
     }
     function handleTextClick() {
-      action.value.focus();
+      radio.value.focus();
     }
     function sync(v2) {
       const { checkedValue, uncheckedValue } = props2;
@@ -22989,7 +22998,7 @@ const __sfc__$t = vue.defineComponent({
       change(changedValue);
     }
     return {
-      action,
+      radio,
       isFocusing,
       checked,
       errorMessage,
@@ -32017,7 +32026,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.11.1";
+const version = "3.11.3";
 function install(app) {
   stdin_default$60.install && app.use(stdin_default$60);
   stdin_default$5_.install && app.use(stdin_default$5_);