btxui 1.0.98 → 1.1.0

package/dist/index.js

@@ -186,8 +186,8 @@ const prestyles = {
   "touch-none": `touchAction: none;`,
   "ellipsis": `overflow: hidden; text-overflow: ellipsis; white-space: nowrap;`,
   "text-line": `textShadow: 1px 0 0 rgba(200, 200, 200, .5), -1px 0 0 rgba(200, 200, 200, .5), 0 1px 0 rgba(200, 200, 200, .5), 0 -1px 0 rgba(200, 200, 200, .5);`,
-  "alpha-0": `opacity: 0; visibility: hidden;`,
-  "visible": `visibility: visible;`,
+  "alpha-0": `opacity: 0; visibility: hidden; z-index: -1`,
+  "visible": `visibility: visible; z-index: auto`,
   "select-none": `-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;`,
   // 图像布局
   "objfit-fill": `object-fit: fill;`,
@@ -557,7 +557,7 @@ var md5$1 = {
 })(md5$1);
 const md5 = md5Exports;
 const GLOBAL_STYLE_NAME = "BTXUIGlobal";
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "b-style",
   props: {
     class: {},
@@ -802,7 +802,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = ["data-ani-states", "state"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "b-view",
   props: {
     class: {},
@@ -811,7 +811,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     bgImg: {},
     matrix: {},
     cname: {},
-    prevent: { type: Boolean }
+    prevent: { type: Boolean },
+    aniEndClear: { type: Boolean }
   },
   emits: ["on_aniEnd"],
   setup(__props, { emit }) {
@@ -831,7 +832,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
     });
     const aniEnd = (e) => {
-      $el.value.classList.remove(lastAni);
+      if (!props.aniEndClear)
+        $el.value.classList.remove(lastAni);
       emit("on_aniEnd", e);
     };
     const bgStyle = computed(() => props.bgImg ? { backgroundImage: `url(${props.bgImg})` } : {});
@@ -843,7 +845,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -868,7 +870,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = ["state"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "b-text",
   props: {
     class: {},
@@ -878,7 +880,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -896,7 +898,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "b-hot",
   props: {
     link: {},
@@ -989,7 +991,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         $anchor.value.download = props.download;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         hover: _ctx.hover,
@@ -1029,7 +1031,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$a = ["src", "state", "alt"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "b-img",
   props: {
     img: {},
@@ -1064,7 +1066,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       setSrc();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname,
         states: _ctx.states,
@@ -1090,17 +1092,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "ani-success",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
+      return openBlock(), createBlock(_sfc_main$u, {
         class: "flex-5",
         matrix: { translate: "0,9px", rotate: "45deg" }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$s, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
-          createVNode(_sfc_main$s, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
+          createVNode(_sfc_main$t, { class: "ani-success-part1 w-1 h-3-px bg-color-green round-sm" }),
+          createVNode(_sfc_main$t, { class: "ani-success-part2 w-1d7 h-3-px bg-color-green round-sm rel t-1-px l-f1-px" })
         ]),
         _: 1
       });
@@ -1116,7 +1118,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$o = {};
+const _sfc_main$p = {};
 function _sfc_render$2(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1128,9 +1130,9 @@ function _sfc_render$2(_ctx, _cache) {
     _: 1
   });
 }
-const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$2]]);
+const AniFail = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$2]]);
 const aniNotic_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$n = {};
+const _sfc_main$o = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_b_text = resolveComponent("b-text");
   const _component_b_view = resolveComponent("b-view");
@@ -1145,9 +1147,9 @@ function _sfc_render$1(_ctx, _cache) {
     _: 1
   });
 }
-const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$1]]);
+const AniNotic = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$1]]);
 const aniLoading_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$m = {};
+const _sfc_main$n = {};
 function _sfc_render(_ctx, _cache) {
   const _component_b_view = resolveComponent("b-view");
   return openBlock(), createBlock(_component_b_view, { class: "flex-5" }, {
@@ -1157,9 +1159,9 @@ function _sfc_render(_ctx, _cache) {
     _: 1
   });
 }
-const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render]]);
+const AniLoading = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render]]);
 const _hoisted_1$9 = ["state"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "b-icon",
   props: {
     icon: {},
@@ -1171,19 +1173,19 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
       }, {
         className: withCtx((scope) => [
           _ctx.icon.search("ani_") === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$p, { key: "success" })) : createCommentVNode("", true),
+            _ctx.icon === "ani_success" ? (openBlock(), createBlock(_sfc_main$q, { key: "success" })) : createCommentVNode("", true),
             _ctx.icon === "ani_fail" ? (openBlock(), createBlock(AniFail, { key: "fail" })) : createCommentVNode("", true),
             _ctx.icon === "ani_notic" ? (openBlock(), createBlock(AniNotic, { key: "notic" })) : createCommentVNode("", true),
             _ctx.icon === "ani_loading" ? (openBlock(), createBlock(AniLoading, { key: "loading" })) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$t, {
+          _ctx.icon.search("/") > -1 ? (openBlock(), createBlock(_sfc_main$u, {
             key: 1,
             "bg-img": _ctx.icon,
             states: _ctx.states,
@@ -1202,7 +1204,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$8 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
 const _hoisted_2$3 = ["type", "name", "focus-state", "state", "placeholder", "maxlength", "readonly"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "b-input",
   props: {
     type: {},
@@ -1303,7 +1305,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
     const clear = () => {
       if (props.aspectHeight) {
-        $input.value.innerText = "";
+        val2.value = $input.value.innerText = "";
         input2();
       } else {
         val.value = "";
@@ -1329,7 +1331,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       const _component_b_icon = resolveComponent("b-icon");
       const _component_b_hot = resolveComponent("b-hot");
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1411,7 +1413,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$7 = ["name", "focus", "state", "placeholder", "maxlength", "readonly", "rows"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "b-textarea",
   props: {
     text: {},
@@ -1435,7 +1437,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       emit("update:text", formatText(val.value));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         focus: _ctx.focus,
         states: _ctx.states,
@@ -1467,7 +1469,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$6 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
 const _hoisted_2$2 = ["poster", "muted", "src", "autoplay", "controls", "loop"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "b-video",
   props: {
     video: {},
@@ -1510,7 +1512,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const _component_b_icon = resolveComponent("b-icon");
       const _component_b_view = resolveComponent("b-view");
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1591,7 +1593,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$5 = ["state"];
 const tolerance = 2;
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "b-list",
   props: {
     scroll: {},
@@ -1654,7 +1656,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       watchPos();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         states: _ctx.states,
         cname: _ctx.cname
@@ -1682,7 +1684,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$4 = ["state", "draggable"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "b-drag",
   props: {
     class: {},
@@ -1792,7 +1794,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       bindEvent();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         states: { dragStart: _ctx.dragStart, dragOver: _ctx.dragOver },
         cname: _ctx.cname
@@ -1822,7 +1824,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = ["src"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "b-webview",
   props: {
     src: {},
@@ -1831,7 +1833,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, {
+      return openBlock(), createBlock(_sfc_main$v, {
         class: normalizeClass(_ctx.class),
         cname: _ctx.cname
       }, {
@@ -1847,7 +1849,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "b-row",
   props: {
     class: {},
@@ -1864,7 +1866,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     const combClass = ref(`${props.class} flex pad-h-${gap.value[0]} pad-v-${gap.value[1]}`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, mergeProps({ class: combClass.value }, _ctx.viewData, {
+      return openBlock(), createBlock(_sfc_main$u, mergeProps({ class: combClass.value }, _ctx.viewData, {
         extraClass: {
           selector: ">",
           value: `pad-h-${gap.value[0]} pad-v-${gap.value[1]}`
@@ -1878,7 +1880,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "b-col",
   props: {
     span: {},
@@ -1890,7 +1892,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const props = __props;
     const combClass = ref(`${props.class ?? ""} ${props.span ? "col-" + props.span : ""} ${props.offset ? "offset-" + props.offset : ""}`);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, mergeProps({ class: combClass.value }, _ctx.viewData), {
+      return openBlock(), createBlock(_sfc_main$u, mergeProps({ class: combClass.value }, _ctx.viewData), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1899,7 +1901,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "btn-wid",
   props: {
     btnText: {},
@@ -1946,13 +1948,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, mergeProps(_ctx.hotData, {
+      return openBlock(), createBlock(_sfc_main$s, mergeProps(_ctx.hotData, {
         class: `flex-5 pad-h-1d4 pad-v-d4 thick-1 ellipsis ${_ctx.btnRound ? "round-lg" : "round-sm"} ${_ctx.btnWidth ? "lw-" + _ctx.btnWidth : ""} ${normal.value.bg} ${normal.value.text} ${normal.value.line} solid`,
         hover: `${hover.value.text} ${hover.value.bg} ${hover.value.line}`,
         active: `${active.value.text} ${active.value.bg} ${active.value.line}`
       }), {
         default: withCtx(() => [
-          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$l, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
+          _ctx.iconData ? (openBlock(), createBlock(_sfc_main$m, mergeProps({ key: 0 }, _ctx.iconData, { class: "mrg-r-d7" }), null, 16)) : createCommentVNode("", true),
           createTextVNode(" " + toDisplayString(_ctx.btnText), 1)
         ]),
         _: 1
@@ -1960,7 +1962,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "checkbox-wid",
   props: {
     selected: { type: Boolean },
@@ -1988,7 +1990,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       emit("change", props.value, state);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$s, {
         class: normalizeClass(combClass.value),
         hover: "alpha-d9",
         state: selected.value ? "act" : "",
@@ -2002,7 +2004,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           }, () => {
             var _a, _b;
             return [
-              createVNode(_sfc_main$t, {
+              createVNode(_sfc_main$u, {
                 class: "w-24-px h-24-px bg-color-neutral round-sm flex-5",
                 state: selected.value ? "act" : "",
                 cname: combClass.value + combActClass.value,
@@ -2011,7 +2013,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 }
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$l, {
+                  createVNode(_sfc_main$m, {
                     icon: "success",
                     class: "alpha-d3",
                     state: selected.value ? "act" : "",
@@ -2024,7 +2026,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               }, 8, ["state", "cname", "states"])
             ];
           }),
-          label.value ? (openBlock(), createBlock(_sfc_main$t, {
+          label.value ? (openBlock(), createBlock(_sfc_main$u, {
             key: 0,
             class: "pad-h-1 ellipsis"
           }, {
@@ -2039,7 +2041,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "checkbox-group-wid",
   props: {
     options: {},
@@ -2082,11 +2084,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_col = resolveComponent("b-col");
       const _component_b_row = resolveComponent("b-row");
-      return openBlock(), createBlock(_sfc_main$t, {
+      return openBlock(), createBlock(_sfc_main$u, {
         class: normalizeClass(_ctx.class)
       }, {
         default: withCtx(() => [
-          _ctx.title ? (openBlock(), createBlock(_sfc_main$t, {
+          _ctx.title ? (openBlock(), createBlock(_sfc_main$u, {
             key: 0,
             class: "mrg-b-1"
           }, {
@@ -2104,7 +2106,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   key: i
                 }, {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$b, mergeProps({
+                    createVNode(_sfc_main$c, mergeProps({
                       onChange: change,
                       label: item.label,
                       value: item.value
@@ -2144,7 +2146,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "radio-group-wid",
   props: {
     options: {},
@@ -2172,7 +2174,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         span: _ctx.span,
         title: _ctx.title,
         class: normalizeClass(_ctx.class),
@@ -2215,7 +2217,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$2 = ["state"];
 const _hoisted_2$1 = ["innerHTML"];
 const _hoisted_3$1 = ["innerHTML"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "tabs-wid",
   props: {
     options: {},
@@ -2285,9 +2287,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$t, { class: "flex-7" }, {
+        createVNode(_sfc_main$u, { class: "flex-7" }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$9, {
+            createVNode(_sfc_main$a, {
               options: options.value,
               title: _ctx.title,
               selected: selected.value,
@@ -2302,13 +2304,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               } : slots.value.length === 0 && _ctx.tabStyle === "card" ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$t, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
+                  createVNode(_sfc_main$u, { class: "w-4-px b-f1-px h-1-px bg-color-neutral r-f5-px abs" })
                 ]),
                 key: "1"
               } : slots.value.length === 0 ? {
                 name: "default",
                 fn: withCtx((scope) => [
-                  createVNode(_sfc_main$t, {
+                  createVNode(_sfc_main$u, {
                     class: normalizeClass(`max-w l-0 b-f1-px round-sm h-2-px bg-color-none abs`),
                     state: scope.state,
                     states: {
@@ -2329,19 +2331,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 };
               })
             ]), 1032, ["options", "title", "selected"]),
-            contLine.value ? (openBlock(), createBlock(_sfc_main$t, {
+            contLine.value ? (openBlock(), createBlock(_sfc_main$u, {
               key: 0,
               class: "grow-1 h-1-px bg-color-neutral"
             })) : createCommentVNode("", true)
           ]),
           _: 3
         }),
-        contArea.value ? (openBlock(), createBlock(_sfc_main$t, {
+        contArea.value ? (openBlock(), createBlock(_sfc_main$u, {
           key: 0,
           class: "pad-v-1d5 over-hide"
         }, {
           default: withCtx(() => [
-            selected.value ? (openBlock(), createBlock(_sfc_main$t, { key: 0 }, {
+            selected.value ? (openBlock(), createBlock(_sfc_main$u, { key: 0 }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: tabConts[selected.value],
@@ -2350,7 +2352,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 42, _hoisted_2$1)
               ]),
               _: 1
-            })) : (openBlock(), createBlock(_sfc_main$t, {
+            })) : (openBlock(), createBlock(_sfc_main$u, {
               key: 1,
               class: "alpha-d5"
             }, {
@@ -2369,7 +2371,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1 = ["multiple"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "upload-wid",
   props: {
     type: {},
@@ -2428,7 +2430,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_b_hot = resolveComponent("b-hot");
-      return openBlock(), createBlock(_sfc_main$t, { class: "flex" }, {
+      return openBlock(), createBlock(_sfc_main$u, { class: "flex" }, {
         default: withCtx(() => [
           _ctx.$slots.default ? (openBlock(), createBlock(_component_b_hot, {
             key: 0,
@@ -2438,7 +2440,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : (openBlock(), createBlock(_sfc_main$c, mergeProps({
+          })) : (openBlock(), createBlock(_sfc_main$d, mergeProps({
             key: 1,
             onOn_click: _cache[1] || (_cache[1] = ($event) => $uploader.value.click())
           }, btnData.value), null, 16)),
@@ -2639,7 +2641,7 @@ const uploadImage = async (imageCompress, extra) => {
     };
   });
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "img-upload-wid",
   props: {
     preview: {},
@@ -2671,7 +2673,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_b_view = resolveComponent("b-view");
       const _component_b_icon = resolveComponent("b-icon");
-      return openBlock(), createBlock(_sfc_main$7, {
+      return openBlock(), createBlock(_sfc_main$8, {
         onOn_upload: imgUpload,
         size: size.value,
         multiple: _ctx.multiple,
@@ -2697,7 +2699,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "app-wid",
   props: {
     path: {},
@@ -2722,15 +2724,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createBlock(_sfc_main$t, {
+      return openBlock(), createBlock(_sfc_main$u, {
         class: normalizeClass(`max fixed flex-column color-light select-none bg-color-${((_a = _ctx.colors) == null ? void 0 : _a.bg) || "none"}`)
       }, {
         default: withCtx(() => {
           var _a2;
           return [
-            createVNode(_sfc_main$t, { class: "rel grow-1" }, {
+            createVNode(_sfc_main$u, { class: "rel grow-1" }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$h, {
+                createVNode(_sfc_main$i, {
                   scroll: { y: "auto", x: "hidden" },
                   class: "abs max"
                 }, {
@@ -2744,32 +2746,32 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_sfc_main$t, {
+            createVNode(_sfc_main$u, {
               class: normalizeClass(`pcenter pad-t-d5 flex-1 ${_ctx.round ? "round-md round-t" : ""} bg-color-${((_a2 = _ctx.colors) == null ? void 0 : _a2.bar) || "dark"} solid-t line-neutral thick-d4 app-nav-bar`)
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(navs.value, (nav, i) => {
-                  return openBlock(), createBlock(_sfc_main$r, mergeProps({ key: i }, nav.hotData, {
+                  return openBlock(), createBlock(_sfc_main$s, mergeProps({ key: i }, nav.hotData, {
                     class: "grow-1",
                     onOn_click: ($event) => _ctx.$emit("on_toggle", nav)
                   }), {
                     default: withCtx(() => {
                       var _a3, _b, _c, _d, _e, _f;
                       return [
-                        nav.main ? (openBlock(), createBlock(_sfc_main$t, {
+                        nav.main ? (openBlock(), createBlock(_sfc_main$u, {
                           key: 0,
                           class: "rel w-5 mrg-h-auto"
                         }, {
                           default: withCtx(() => {
                             var _a4, _b2, _c2, _d2;
                             return [
-                              createVNode(_sfc_main$l, mergeProps(nav.iconData, {
+                              createVNode(_sfc_main$m, mergeProps(nav.iconData, {
                                 class: `abs flex-5 solid t-f1d4 thick-2 w-5 h-5 round fsize-1d7 line-${((_b2 = (_a4 = _ctx.colors) == null ? void 0 : _a4.center) == null ? void 0 : _b2.line) || "neutral"} bg-color-${((_d2 = (_c2 = _ctx.colors) == null ? void 0 : _c2.center) == null ? void 0 : _d2.bg) || "dgray"}`
                               }), null, 16, ["class"])
                             ];
                           }),
                           _: 2
-                        }, 1024)) : (openBlock(), createBlock(_sfc_main$t, {
+                        }, 1024)) : (openBlock(), createBlock(_sfc_main$u, {
                           key: 1,
                           class: normalizeClass(`flex-column rel flex-5 color-${((_b = (_a3 = _ctx.colors) == null ? void 0 : _a3.text) == null ? void 0 : _b.normal) || "mgray"}`),
                           cname: ((_d = (_c = _ctx.colors) == null ? void 0 : _c.text) == null ? void 0 : _d.act) || "light",
@@ -2779,11 +2781,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           }
                         }, {
                           default: withCtx(() => [
-                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$t, {
+                            nav.unread === 1 ? (openBlock(), createBlock(_sfc_main$u, {
                               key: 0,
                               class: "round w-d7 h-d7 r-9d2-vw t-d2 bg-color-red abs"
                             })) : createCommentVNode("", true),
-                            nav.unread > 1 ? (openBlock(), createBlock(_sfc_main$t, {
+                            nav.unread > 1 ? (openBlock(), createBlock(_sfc_main$u, {
                               key: 1,
                               class: "flex-5 round w-1d5 h-1d5 bold r-7d7-vw t-fd5 bg-color-red abs color-Cfff"
                             }, {
@@ -2792,7 +2794,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024)) : createCommentVNode("", true),
-                            createVNode(_sfc_main$l, mergeProps(nav.iconData, {
+                            createVNode(_sfc_main$m, mergeProps(nav.iconData, {
                               cname: nav.act,
                               state: curRoute.value === nav.hotData.link ? "act" : "",
                               states: {
@@ -2800,7 +2802,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                               },
                               class: `w-2d7 h-2d7 ${_ctx.iconTransAni ? "trans-fast" : ""} fsize-1d7`
                             }), null, 16, ["cname", "state", "states", "class"]),
-                            nav.text ? (openBlock(), createBlock(_sfc_main$s, {
+                            nav.text ? (openBlock(), createBlock(_sfc_main$t, {
                               key: 2,
                               class: "fsize-d83"
                             }, {
@@ -2836,7 +2838,7 @@ const _hoisted_4 = [
   _hoisted_2,
   _hoisted_3
 ];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "confirm-wid",
   props: {
     colors: {}
@@ -2877,7 +2879,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "toast-wid",
   props: {
     matteColor: {}
@@ -2923,7 +2925,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "modal-wid",
   props: {
     visiable: { type: Boolean },
@@ -2964,6 +2966,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return { layout, pannal };
     });
     const aniDir = ref("");
+    const closeState = ref(false);
     watchEffect(() => {
       if (props.visiable) {
         closeState.value = true;
@@ -2972,7 +2975,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         aniDir.value = `${dir.value}Back`;
       }
     });
-    const closeState = ref(false);
     const matteAniend = (e) => {
       if (getComputedStyle(e.target).opacity === "0")
         closeState.value = false;
@@ -3006,6 +3008,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           createVNode(_component_b_view, {
             class: normalizeClass(`${dirStyle.value.pannal} rel ani-mode-both`),
             state: aniDir.value,
+            "ani-end-clear": true,
             states: {
               left: {
                 ani: "ani-left-to-right"
@@ -3071,7 +3074,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "content-node-wid",
   props: {
     dataTree: {},
@@ -3102,14 +3105,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_b_text = resolveComponent("b-text");
       const _component_content_node_wid = resolveComponent("content-node-wid", true);
       return openBlock(true), createElementBlock(Fragment, null, renderList(dataTree.value, (item) => {
-        return openBlock(), createBlock(_sfc_main$t, {
+        return openBlock(), createBlock(_sfc_main$u, {
           state: `id-${item.id}`,
           key: item.id
         }, {
           default: withCtx(() => {
             var _a;
             return [
-              createVNode(_sfc_main$r, {
+              createVNode(_sfc_main$s, {
                 cname: `${item.id}-${Math.random()}`,
                 class: normalizeClass(`flex-4 pad-v-${gap.value} pad-l-${setIndex(item.level)}`),
                 hover: _ctx.hover,
@@ -3120,7 +3123,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 state: (((_a = unref(selected)) == null ? void 0 : _a.findIndex((data) => data.id === item.id)) > -1).toString()
               }, {
                 default: withCtx(() => [
-                  item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$l, {
+                  item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$m, {
                     key: 0,
                     class: "mrg-r-d4",
                     state: item.spread ? "content-wid-spread" : "content-wid-collapse",
@@ -3139,7 +3142,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1032, ["cname", "class", "hover", "states", "state"]),
-              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$t, {
+              item.children && item.children.length ? (openBlock(), createBlock(_sfc_main$u, {
                 key: 0,
                 states: {
                   "show": "show",
@@ -3168,7 +3171,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "content-wid",
   props: {
     dataTree: {},
@@ -3226,12 +3229,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("on_select", data);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$s, {
         onOn_click: select,
         "event-proxy": true
       }, {
         default: withCtx(() => [
-          flatState.value ? (openBlock(), createBlock(_sfc_main$1, normalizeProps(mergeProps({ key: 0 }, { ...props, dataTree: dataTree.value })), createSlots({ _: 2 }, [
+          flatState.value ? (openBlock(), createBlock(_sfc_main$2, normalizeProps(mergeProps({ key: 0 }, { ...props, dataTree: dataTree.value })), createSlots({ _: 2 }, [
             _ctx.$slots.default ? {
               name: "default",
               fn: withCtx((scope) => [
@@ -3247,33 +3250,422 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const contentWid_vue_vue_type_style_index_0_lang = "";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "datetime-wid",
+  props: {
+    datetime: {},
+    format: {},
+    btnData: {},
+    modalData: {}
+  },
+  emits: ["update:datetime", "getData"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const state = ref(false);
+    const modalData = reactive({
+      roundEnable: true,
+      ...props.modalData,
+      dir: ""
+    });
+    const btnData = computed(() => {
+      return {
+        btnText: "确定",
+        ...props.btnData
+      };
+    });
+    const padZero = (time) => {
+      const _time = time.toString();
+      return _time.length === 1 ? `0${_time}` : _time;
+    };
+    const curDate = new Date(props.datetime);
+    const curTime = reactive({
+      y: {
+        val: curDate.getFullYear(),
+        show: false
+      },
+      m: {
+        val: curDate.getMonth() + 1,
+        show: false
+      },
+      d: {
+        val: curDate.getDate(),
+        show: false
+      },
+      h: {
+        val: curDate.getHours(),
+        show: false
+      },
+      i: {
+        val: curDate.getMinutes(),
+        show: false
+      },
+      s: {
+        val: 0,
+        show: false
+      }
+    });
+    const curOper = ref("");
+    const twoSides = ref(false);
+    const formatData = () => {
+      const format = props.format || "y/m/d h:i:s";
+      const data = format.split(" ");
+      twoSides.value = data.length > 1;
+      data.forEach((d) => {
+        d.split(/\/|-|:/g).forEach((_d) => {
+          if (!curOper.value)
+            curOper.value = _d;
+          curTime[_d].show = true;
+        });
+      });
+    };
+    const init = () => {
+      const { availWidth, availHeight } = window.screen;
+      modalData.dir = availWidth / availHeight > 1 ? "center" : "bottom";
+      formatData();
+    };
+    onMounted(init);
+    const datetimeMap = {
+      y: "年",
+      m: "月",
+      d: "日",
+      h: "时",
+      i: "分",
+      s: "秒"
+    };
+    const options = ref([]);
+    const $curOption = ref();
+    const $list = ref();
+    let dates = 0;
+    const genDates = () => {
+      const month = curTime.m.val;
+      const year = curTime.y.val;
+      const leapYear = year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+      if (month === 1 || month === 3 || month === 5 || month === 7 || month === 8 || month === 10 || month === 12)
+        dates = 31;
+      else if (month === 2)
+        dates = leapYear ? 29 : 28;
+      else
+        dates = 30;
+    };
+    const actOption = () => {
+      if ($curOption.value)
+        $curOption.value.style.cssText = "";
+      nextTick(() => {
+        if (dates)
+          curTime.d.val = Math.min(dates, curTime.d.val);
+        const $targ = $list.value.$el.nextElementSibling.querySelector(`[state='${curTime[curOper.value].val}']`);
+        $targ.style.cssText = `
+                font-weight: bolder;
+                opacity: 1;
+                text-shadow: 0 0 4px rgba(255,255,255,.7);
+            `;
+        $targ.scrollIntoView({
+          behavior: "smooth"
+        });
+        $curOption.value = $targ;
+      });
+    };
+    watch(curOper, (val) => {
+      const arr = [];
+      switch (val) {
+        case "y":
+          for (let i = curTime.y.val - 50; i < curTime.y.val + 20; i++) {
+            arr.push(i);
+          }
+          break;
+        case "m":
+          for (let i = 0; i < 12; i++) {
+            arr.push(i + 1);
+          }
+          break;
+        case "d":
+          genDates();
+          for (let i = 0; i < dates; i++) {
+            arr.push(i + 1);
+          }
+          break;
+        case "h":
+          for (let i = 0; i < 24; i++) {
+            arr.push(i);
+          }
+          break;
+        case "i":
+        case "s":
+          for (let i = 0; i < 60; i++) {
+            arr.push(i);
+          }
+          break;
+      }
+      options.value = arr;
+      actOption();
+    }, {
+      immediate: true
+    });
+    const selectDateTime = (e) => {
+      var _a;
+      const x = e.clientX;
+      const y = e.clientY;
+      let element = document.elementFromPoint(x, y);
+      while (!(element == null ? void 0 : element.hasAttribute("state"))) {
+        element = element == null ? void 0 : element.parentElement;
+      }
+      curTime[curOper.value].val = (element == null ? void 0 : element.getAttribute("state")) * 1;
+      const opers = "ymdhis".split(curOper.value)[1];
+      const targ = (_a = opers == null ? void 0 : opers.split("")) == null ? void 0 : _a.find((word) => curTime[word].show);
+      if (targ) {
+        curOper.value = targ;
+      } else {
+        actOption();
+      }
+    };
+    const ok = () => {
+      state.value = false;
+      const { y, m, d, h, i, s } = curTime;
+      emit("update:datetime", Date.parse(`${y.val}-${padZero(m.val)}-${padZero(d.val)}T${padZero(h.val)}:${padZero(i.val)}:${padZero(s.val)}`));
+      emit("getData", { ...curTime });
+    };
+    return (_ctx, _cache) => {
+      const _component_b_hot = resolveComponent("b-hot");
+      const _component_b_icon = resolveComponent("b-icon");
+      const _component_b_text = resolveComponent("b-text");
+      const _component_b_list = resolveComponent("b-list");
+      const _component_btn_wid = resolveComponent("btn-wid");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_b_hot, {
+          onOn_click: _cache[0] || (_cache[0] = ($event) => state.value = true)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }),
+        modalData.dir ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
+          key: 0,
+          visiable: state.value,
+          "onUpdate:visiable": _cache[7] || (_cache[7] = ($event) => state.value = $event)
+        }, modalData), {
+          default: withCtx(() => [
+            createVNode(_sfc_main$u, { class: "flex-4 pad-t-1 lw-24" }, {
+              default: withCtx(() => [
+                createVNode(_component_b_icon, {
+                  icon: "time",
+                  class: "alpha-d7 mrg-r-d7"
+                }),
+                curTime.y.show ? (openBlock(), createBlock(_sfc_main$u, { key: 0 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[1] || (_cache[1] = ($event) => curOper.value = "y"),
+                      cname: "y",
+                      state: curOper.value,
+                      states: { y: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(curTime.y.val), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("年")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                curTime.m.show ? (openBlock(), createBlock(_sfc_main$u, { key: 1 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[2] || (_cache[2] = ($event) => curOper.value = "m"),
+                      cname: "m",
+                      state: curOper.value,
+                      states: { m: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(padZero(curTime.m.val)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("月")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                curTime.d.show ? (openBlock(), createBlock(_sfc_main$u, { key: 2 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[3] || (_cache[3] = ($event) => curOper.value = "d"),
+                      cname: "d",
+                      state: curOper.value,
+                      states: { d: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(padZero(curTime.d.val)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("日")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                twoSides.value ? (openBlock(), createBlock(_sfc_main$u, {
+                  key: 3,
+                  class: "w-1d4"
+                })) : createCommentVNode("", true),
+                curTime.h.show ? (openBlock(), createBlock(_sfc_main$u, { key: 4 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[4] || (_cache[4] = ($event) => curOper.value = "h"),
+                      cname: "h",
+                      state: curOper.value,
+                      states: { h: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(padZero(curTime.h.val)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("时")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                curTime.i.show ? (openBlock(), createBlock(_sfc_main$u, { key: 5 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[5] || (_cache[5] = ($event) => curOper.value = "i"),
+                      cname: "i",
+                      state: curOper.value,
+                      states: { i: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(padZero(curTime.i.val)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("分")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                curTime.s.show ? (openBlock(), createBlock(_sfc_main$u, { key: 6 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: _cache[6] || (_cache[6] = ($event) => curOper.value = "s"),
+                      cname: "s",
+                      state: curOper.value,
+                      states: { s: "color-green" }
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(padZero(curTime.s.val)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["state"]),
+                    createVNode(_component_b_text, { class: "pad-h-d4 alpha-d4" }, {
+                      default: withCtx(() => [
+                        createTextVNode("秒")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$u, { class: "flex" }, {
+              default: withCtx(() => [
+                createVNode(_component_b_list, {
+                  class: "grow-1 h-17 bg-color-neutral mrg-v-1 round-md pad-1",
+                  scroll: { x: "auto", y: "auto" }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_b_hot, {
+                      onOn_click: selectDateTime,
+                      ref_key: "$list",
+                      ref: $list
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (opt) => {
+                          return openBlock(), createBlock(_sfc_main$u, {
+                            state: opt,
+                            hover: "bg-color-neutral",
+                            class: "h-3 pad-h-1 lh-3-rem flex round-sm alpha-d7"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(padZero(opt)) + " ", 1),
+                              createVNode(_component_b_text, { class: "pad-l-d4 alpha-d4" }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(datetimeMap[curOper.value]), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["state"]);
+                        }), 256))
+                      ]),
+                      _: 1
+                    }, 512)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(_component_btn_wid, mergeProps(btnData.value, { onOn_click: ok }), null, 16)
+          ]),
+          _: 1
+        }, 16, ["visiable"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
 const initGlobalComponents = [
+  _sfc_main$v,
   _sfc_main$u,
   _sfc_main$t,
   _sfc_main$s,
   _sfc_main$r,
-  _sfc_main$q,
-  _sfc_main$l,
+  _sfc_main$m,
+  _sfc_main$j,
   _sfc_main$i,
+  _sfc_main$g,
+  _sfc_main$l,
   _sfc_main$h,
-  _sfc_main$f,
   _sfc_main$k,
-  _sfc_main$g,
-  _sfc_main$j,
+  _sfc_main$f,
   _sfc_main$e,
   _sfc_main$d,
+  _sfc_main$5,
   _sfc_main$c,
-  _sfc_main$4,
   _sfc_main$b,
   _sfc_main$a,
   _sfc_main$9,
+  _sfc_main$6,
   _sfc_main$8,
-  _sfc_main$5,
   _sfc_main$7,
-  _sfc_main$6,
+  _sfc_main$1,
+  _sfc_main$3,
   _sfc_main,
-  _sfc_main$2,
-  _sfc_main$3
+  _sfc_main$4
 ];
 const index = {
   name: "btxui",