bkui-vue 0.0.1-beta.159 → 0.0.1-beta.161

package/dist/index.esm.js

@@ -87,6 +87,7 @@ var tagInput = "";
 var container = "";
 var cascader = "";
 var colorPicker = "";
+var timePicker = "";
 const BKLAYERD_INDEX_EFAULT_VALUE = {
   ["bottom"]: 0,
   ["content"]: 1,
@@ -797,10 +798,10 @@ function getOppositeVariationPlacement(placement) {
 function getWindowScroll(node) {
   var win = getWindow$1(node);
   var scrollLeft = win.pageXOffset;
-  var scrollTop = win.pageYOffset;
+  var scrollTop2 = win.pageYOffset;
   return {
     scrollLeft,
-    scrollTop
+    scrollTop: scrollTop2
   };
 }
 function getWindowScrollBarX$1(element) {
@@ -6385,9 +6386,9 @@ var lodash = { exports: {} };
       }
       var camelCase = createCompounder(function(result2, word2, index) {
         word2 = word2.toLowerCase();
-        return result2 + (index ? capitalize(word2) : word2);
+        return result2 + (index ? capitalize2(word2) : word2);
       });
-      function capitalize(string) {
+      function capitalize2(string) {
         return upperFirst(toString(string).toLowerCase());
       }
       function deburr(string) {
@@ -6993,7 +6994,7 @@ var lodash = { exports: {} };
       lodash2.add = add;
       lodash2.attempt = attempt;
       lodash2.camelCase = camelCase;
-      lodash2.capitalize = capitalize;
+      lodash2.capitalize = capitalize2;
       lodash2.ceil = ceil;
       lodash2.clamp = clamp2;
       lodash2.clone = clone2;
@@ -7934,6 +7935,27 @@ const off$2 = (() => {
     }
   };
 })();
+function scrollTop(el, from = 0, to, duration = 500, endCallback) {
+  const difference = Math.abs(from - to);
+  const step = Math.ceil(difference / duration * 50);
+  function scroll(start2, end2, step2) {
+    if (start2 === end2) {
+      endCallback == null ? void 0 : endCallback();
+      return;
+    }
+    let d2 = start2 + step2 > end2 ? end2 : start2 + step2;
+    if (start2 > end2) {
+      d2 = start2 - step2 < end2 ? end2 : start2 - step2;
+    }
+    if (el === window) {
+      window.scrollTo(d2, d2);
+    } else {
+      el.scrollTop = d2;
+    }
+    window.requestAnimationFrame(() => scroll(d2, end2, step2));
+  }
+  scroll(from, to, step);
+}
 function classes(dynamicCls, constCls = "") {
   return Object.entries(dynamicCls).filter((entry) => entry[1]).map((entry) => entry[0]).join(" ").concat(constCls ? ` ${constCls}` : "");
 }
@@ -8276,6 +8298,7 @@ const ellipsis = (props2, context) => {
 };
 ellipsis.displayName = "ellipsis";
 ellipsis.inheritAttrs = false;
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M885.76 840.64l-148.96-149.12a344.16 344.16 0 1 0-45.28 45.28l149.12 148.96a32 32 0 1 0 45.12-45.12ZM472 752A280 280 0 1 1 752 472 280.32 280.32 0 0 1 472 752Z"}},{"type":"element","name":"path","attributes":{"d":"M576 448H496V368a32 32 0 0 0-64 0v80H352a32 32 0 0 0 0 64h80v80a32 32 0 0 0 64 0V512h80a32 32 0 0 0 0-64Z"}}]}');
 const data$l = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"fill-rule":"evenodd","d":"M452.7573333333333 510.91200000000003L225.83338666666668 737.8346666666666 286.1730133333333 798.1738666666666 513.0965333333334 571.2511999999999 739.8399999999999 797.9946666666666 797.9946666666666 739.8399999999999 571.2511999999999 513.0965333333334 798.1738666666666 286.1730133333333 737.8346666666666 225.83338666666668 510.91200000000003 452.7573333333333 283.9867733333333 225.83338666666668 225.83338666666668 283.9867733333333 452.7573333333333 510.91200000000003Z","clip-rule":"evenodd"}}]}');
 const error = (props2, context) => {
   const p2 = __spreadValues(__spreadValues({}, props2), context.attrs);
@@ -8307,6 +8330,7 @@ const eye = (props2, context) => {
 };
 eye.displayName = "eye";
 eye.inheritAttrs = false;
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M128 384L192 384 192 192 384 192 384 128 128 128 128 384Z"}},{"type":"element","name":"path","attributes":{"d":"M640 128L640 192 832 192 832 384 896 384 896 128 640 128Z"}},{"type":"element","name":"path","attributes":{"d":"M192 640L128 640 128 896 384 896 384 832 192 832 192 640Z"}},{"type":"element","name":"path","attributes":{"d":"M832 832L640 832 640 896 896 896 896 640 832 640 832 832Z"}}]}');
 JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M928 320h-35.199999999999996c-15.402666666666665-73.55733333333333-79.744-128-156.75733333333332-128 0 0-0.042666666666666665 0-0.042666666666666665 0h-288v-32c0-53.034666666666666-42.96533333333333-96-96-96h-256c-53.034666666666666 0-96 42.96533333333333-96 96v640c0 88.36266666666667 71.63733333333333 160 160 160h704c0.38399999999999995 0 0.8533333333333333 0 1.3226666666666667 0 51.199999999999996 0 92.88533333333334-40.61866666666666 94.67733333333332-91.34933333333333l64-452.65066666666667c0-53.034666666666666-42.96533333333333-96-96-96zM64 800v-640c0-17.663999999999998 14.336-32 32-32h256c17.663999999999998 0 32 14.336 32 32v64c0 17.663999999999998 14.336 32 32 32h320c41.42933333333333 0.128 76.71466666666666 26.496 90.02666666666666 63.31733333333333l-538.0266666666666 0.6826666666666666c-0.38399999999999995 0-0.8533333333333333 0-1.3226666666666667 0-51.199999999999996 0-92.88533333333334 40.61866666666666-94.67733333333332 91.34933333333333l-64 452.65066666666667c0.128 9.856 1.7493333333333334 19.328 4.650666666666666 28.202666666666666-39.97866666666667-12.842666666666666-68.47999999999999-49.151999999999994-68.65066666666667-92.16zM896 864c0 17.663999999999998-14.336 32-32 32h-640c-0.08533333333333333 0-0.21333333333333332 0-0.29866666666666664 0-16.08533333333333 0-29.39733333333333-11.861333333333334-31.658666666666665-27.349333333333334l64-452.65066666666667c0-17.663999999999998 14.336-32 32-32h640c0.08533333333333333 0 0.21333333333333332 0 0.29866666666666664 0 16.08533333333333 0 29.39733333333333 11.861333333333334 31.658666666666665 27.349333333333334z"}}]}');
 const data$i = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M202.24 421.11999999999995c1.792-56.23466666666667 47.78666666666667-101.12 104.27733333333333-101.12 0.46933333333333327 0 0.9386666666666665 0 1.408 0l568.2346666666666 0c0.17066666666666666 0 0.38399999999999995 0 0.5973333333333333 0 7.082666666666666 0 12.799999999999999-5.717333333333333 12.799999999999999-12.799999999999999 0-1.3653333333333333-0.21333333333333332-2.6879999999999997-0.6399999999999999-3.925333333333333-21.205333333333332-65.024-81.40799999999999-111.27466666666666-152.40533333333332-111.27466666666666-0.17066666666666666 0-0.38399999999999995 0-0.5546666666666666 0h-287.9573333333333v-32c0-53.034666666666666-42.96533333333333-96-96-96h-256c-53.034666666666666 0-96 42.96533333333333-96 96v640c0 0.9813333333333333-0.042666666666666665 2.0906666666666665-0.042666666666666665 3.2426666666666666 0 77.056 54.44266666666667 141.39733333333334 126.976 156.58666666666664 0.896-1.92 0.8106666666666666-4.394666666666666 0.8106666666666666-6.8693333333333335s0.08533333333333333-4.949333333333334 0.256-7.381333333333332z"}},{"type":"element","name":"path","attributes":{"d":"M960 384h-652.16c-22.954666666666668 0-41.599999999999994 18.645333333333333-41.599999999999994 41.599999999999994l-74.24 521.5999999999999c-0.42666666666666664 1.92-0.6399999999999999 4.1386666666666665-0.6399999999999999 6.3999999999999995s0.256 4.4799999999999995 0.6826666666666666 6.613333333333333l703.9573333333333-0.21333333333333332c35.327999999999996 0 64-28.672 64-64l64-448c0-35.327999999999996-28.672-64-64-64z"}}]}');
 const folderShapeOpen = (props2, context) => {
@@ -8343,6 +8367,8 @@ const imageFill = (props2, context) => {
 };
 imageFill.displayName = "imageFill";
 imageFill.inheritAttrs = false;
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M752 512A176 176 0 1 0 928 688 176 176 0 0 0 752 512Zm0 299.2a30.88 30.88 0 1 1 30.88-30.88A30.72 30.72 0 0 1 752 811.2Zm16.96-92.32a17.12 17.12 0 0 1-33.92 0s-13.76-118.72-13.76-123.2a30.88 30.88 0 1 1 61.6 0C782.88 600.16 768.96 718.88 768.96 718.88Z"}},{"type":"element","name":"path","attributes":{"d":"M800 176H480l-44.32 89.44-23.36 89.44-70.24 85.6 30.88-85.6-46.88-89.44L336 240h0v-0.96L359.52 176H160a96 96 0 0 0-96 96V752a96 96 0 0 0 96 96H573.44A238.88 238.88 0 0 1 512 688a243.2 243.2 0 0 1 8.16-61.44L356.8 519.84a46.72 46.72 0 0 0-70.72 2.56L128 656V272a32 32 0 0 1 32-32h118.4L272 283.36l70.08 71.52L327.36 480l108.32-107.36L530.4 240H800a32 32 0 0 1 32 32V461.92A241.92 241.92 0 0 1 896 496V272A96 96 0 0 0 800 176Z"}},{"type":"element","name":"path","attributes":{"d":"M720 400A80 80 0 0 1 640 480 80 80 0 0 1 560 400 80 80 0 0 1 720 400z"}}]}');
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M864 176H160a96 96 0 0 0-96 96V752a96 96 0 0 0 96 96H864a96 96 0 0 0 96-96V272A96 96 0 0 0 864 176ZM128 272a32 32 0 0 1 32-32H864a32 32 0 0 1 32 32V688l-144-114.72a57.76 57.76 0 0 0-56.32 0L592 672 356.8 439.84a46.72 46.72 0 0 0-70.72 2.56L128 656Z"}},{"type":"element","name":"path","attributes":{"d":"M752 400A96 96 0 0 1 656 496 96 96 0 0 1 560 400 96 96 0 0 1 752 400z"}}]}');
 const data$f = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","class":"bk-icon","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;","overflow":"hidden","viewBox":"0 0 1024 1024"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zM512 896C299.2 896 128 724.8 128 512S299.2 128 512 128s384 171.2 384 384S724.8 896 512 896z"}},{"type":"element","name":"path","attributes":{"d":"M494.4 403.2c-28.8 6.4-56 20.8-76.8 41.6-24 22.4 1.6 44.8 16 27.2 9.6-12.8 24-22.4 40-28.8 11.2-1.6 17.6 1.6 19.2 9.6 1.6 14.4 0 27.2-4.8 41.6-4.8 19.2-14.4 51.2-25.6 94.4-22.4 76.8-33.6 124.8-30.4 140.8 3.2 17.6 12.8 32 28.8 41.6 17.6 8 38.4 9.6 57.6 4.8 30.4-6.4 57.6-22.4 80-44.8 25.6-25.6-3.2-43.2-17.6-28.8-9.6 12.8-24 22.4-40 25.6-14.4 3.2-22.4-3.2-25.6-16-1.6-14.4 1.6-28.8 6.4-41.6 40-136 57.6-212.8 52.8-232-3.2-14.4-12.8-27.2-25.6-33.6C532.8 398.4 512 398.4 494.4 403.2z"}},{"type":"element","name":"path","attributes":{"d":"M608 304A48 48 0 0 1 560 352 48 48 0 0 1 512 304 48 48 0 0 1 608 304z"}}]}');
 const infoLine = (props2, context) => {
   const p2 = __spreadValues(__spreadValues({}, props2), context.attrs);
@@ -8373,6 +8399,9 @@ const leftShape = (props2, context) => {
 };
 leftShape.displayName = "leftShape";
 leftShape.inheritAttrs = false;
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M192 512a320 320 0 1 0 76.96-208H352v64H160V176h64v82.08A384 384 0 1 1 128 512Z"}}]}');
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M886.56 841.28l-149.12-149.12a344.64 344.64 0 1 0-45.28 45.28l149.12 149.12A32 32 0 0 0 864 896a32 32 0 0 0 22.56-54.72ZM472.32 752A280.32 280.32 0 1 1 752 472.32 280.64 280.64 0 0 1 472.32 752Z"}},{"type":"element","name":"path","attributes":{"d":"M576 448H352a32 32 0 0 0 0 64H576a32 32 0 0 0 0-64Z"}}]}');
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M896 176H128a64 64 0 0 0-64 64V784a64 64 0 0 0 64 64H896a64 64 0 0 0 64-64V240A64 64 0 0 0 896 176Zm0 608H128V240H896Z"}},{"type":"element","name":"path","attributes":{"d":"M327.84 649.28h52.64V373.28H337.76A97.12 97.12 0 0 1 304 417.28a150.56 150.56 0 0 1-44.8 25.6v48a182.56 182.56 0 0 0 68.16-40Z"}},{"type":"element","name":"path","attributes":{"d":"M480.64 450.24H533.28V502.88H480.64V450.24z"}},{"type":"element","name":"path","attributes":{"d":"M480.64 596.64H533.28V649.28H480.64V596.64z"}},{"type":"element","name":"path","attributes":{"d":"M669.28 649.28h52.64V373.28H679.2a97.12 97.12 0 0 1-33.28 44 150.56 150.56 0 0 1-44.8 25.6v48a182.56 182.56 0 0 0 68.16-40Z"}}]}');
 JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1303.273","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"fill-rule":"evenodd","d":"M1010.3272727272728 326.8363636363636C1019.0545454545455 335.56363636363636 1024 347.3454545454546 1024 359.70909090909095L1024 1256.7272727272727C1024 1282.4727272727273 1003.2 1303.2727272727273 977.4545454545455 1303.2727272727273L46.54545454545455 1303.2727272727273C20.80000000000002 1303.2727272727273 0 1282.4727272727273 0 1256.7272727272727L0 46.54545454545455C0 20.799999999999997 20.80000000000002 0 46.54545454545455 0L664.2909090909092 0C676.6545454545455 0 688.5818181818182 4.945454545454554 697.3090909090909 13.67272727272728L1010.3272727272728 326.8363636363636ZM916.6545454545455 381.0909090909091L642.9090909090909 107.34545454545456 642.9090909090909 381.0909090909091 916.6545454545455 381.0909090909091ZM688.3156340363636 833.8269090909091C666.2443659636364 833.1156340363638 642.7679976727273 834.8014545454546 616.0974568727273 838.1381818181819 580.7549114181819 816.3389114181817 556.9643659636364 786.3825454545455 540.0625477818182 742.389820509091 540.4698158545455 740.714179490909 541.3134568727273 737.2436386909092 541.6087272727273 736.0189114181819 542.2981818181819 733.1709114181818 542.8698158545455 730.7912750545455 543.4167295999999 728.4770909090909 549.661090909091 702.1061818181818 553.0385454545456 682.8654545454546 554.0349114181819 663.4661841454545 554.788361309091 648.8130932363637 553.9767249454546 635.2945477818182 551.3774545454546 622.7738205090909 546.5803636363637 595.7425477818182 527.4443636363637 579.933090909091 503.3469067636364 578.9541841454546 480.8799976727273 578.0421818181818 460.2210909090909 590.5803636363637 454.9381818181818 610.0421818181818 446.33745221818185 641.4778181818182 451.37454545454545 682.8712727272729 469.6 753.4341818181819 446.3796363636364 808.7883636363637 415.70618181818185 873.6683659636363 395.1229067636363 909.8545477818182 367.65381818181817 924.021820509091 346.2443659636364 936.9163636363637 328.28218181818187 951.2029090909091 304.5687296 970.0625454545454 289.7658181818182 989.4429090909091 285.6843636363637 1009.8298181818183 283.71345221818177 1019.2552727272729 286.69090909090914 1031.5985454545455 293.4807272727272 1041.7018181818182 301.184 1053.1621841454546 312.8 1060.597820509091 326.7243659636364 1061.6800023272726 361.85454312727273 1064.4101818181819 405.02254312727274 1028.1905477818182 452.6734522181818 946.3956386909091 457.4661818181818 944.8101841454546 462.5352704 943.1127272727273 468.71127040000005 941.0283659636364 472.09018181818186 939.8894545454546 483.9316340363637 935.8821841454546 486.0349114181819 935.1723659636364 496.9745454545455 931.4778205090909 504.9149114181818 928.8305477818183 512.7636340363636 926.2763659636363 546.7941794909092 915.2043659636364 572.5396340363636 908.1978181818182 595.9781794909092 904.221090909091 636.6661818181818 926.0000023272728 683.7105477818181 940.288 715.3934522181818 940.288 741.5447272727273 940.288 759.2130885818183 926.7330932363637 765.5970909090909 905.4007296 771.2072704000001 886.6574568727273 766.7520000000001 864.9294568727273 754.7272704 852.9149114181819 742.2763613090909 840.6821841454545 719.3818205090909 834.8290932363636 688.3156340363636 833.8269090909091L688.3156340363636 833.8269090909091ZM327.61017716363637 1020.6196363636365L327.61017716363637 1020.0960000000001 327.79345454545455 1019.6043636363636C329.6479976727273 1014.6283613090909 332.38545221818185 1009.4109090909092 335.93890909090914 1003.9563636363637 342.17018181818185 994.3912727272727 350.7359976727273 984.32 361.3527272727273 973.6072704000001 367.0545454545455 967.8545454545455 372.992 962.2618158545456 379.9563636363637 955.9781794909092 381.5170885818182 954.5687272727273 391.46181818181816 945.7105454545456 393.32217949090904 943.9781841454546L409.5781794909091 928.8407272727272 397.76727040000003 947.6538181818181C379.8385431272727 976.2181818181818 363.6436340363636 996.7883636363637 349.74836363636365 1010.2050909090909 344.64727039999997 1015.1316340363637 340.1483636363636 1018.7869090909091 336.52508858181824 1021.121452218182 335.0312727272727 1022.0843613090909 333.7381794909091 1022.7854522181817 332.72436363636365 1023.1927249454546 332.1294522181818 1023.4298181818182 331.6029067636364 1023.5825431272726 331.0807272727273 1023.6319976727274 330.5281303272728 1023.6968587636364 329.9681698909091 1023.6166516363637 329.4559976727273 1023.3992704 328.3361233454546 1022.9301666909092 327.6080779636364 1021.8337931636364 327.61017716363637 1020.6196363636365ZM510.7869090909091 703.1374568727272L507.4996363636364 708.9658181818182 505.47781818181824 702.5876340363636C500.94836363636364 688.2909090909092 497.6421841454545 666.7461818181819 496.72727272727275 647.3192727272727 495.6858181818182 625.2145431272728 497.44000000000005 611.9403659636364 504.416 611.9403659636364 514.2196363636363 611.9403659636364 518.715638690909 627.6610885818181 519.072 651.2901818181818 519.3861818181817 672.0610909090909 516.1192727272727 693.6785454545454 510.7869090909091 703.1374568727272ZM502.336 788.1760023272727L504.5672727272727 782.2850932363638 507.60436363636364 787.805090909091C524.6080000000001 818.7069114181819 546.6705454545455 844.4843659636364 570.9323636363636 862.4450932363636L576.1614522181818 866.3170932363636 569.7905431272727 867.6320023272727C546.0407296000001 872.5367296000001 523.9083659636365 879.9330909090909 493.6596340363636 892.1294568727272 496.82181585454543 890.8552750545455 462.20799999999997 905.021090909091 453.45890676363643 908.3752727272728L445.81963403636365 911.3032750545455 449.89527039999996 904.2094545454546C467.85891141818183 872.9425454545456 484.452361309091 835.3716363636364 502.3345477818182 788.1760023272727L502.336 788.1760023272727ZM731.6101818181818 899.1010909090909C720.1716363636365 903.616 695.5709067636365 899.5796340363637 652.2370932363636 881.0836340363636L641.2392727272727 876.3898181818182 653.1650885818183 875.5069067636365C687.0487272727273 872.9992704 711.0661818181818 874.8669067636364 725.0516340363637 879.9869067636363 731.0007249454545 882.165820509091 734.9774522181818 884.9149114181819 736.7418181818182 888.064 738.6472727272728 891.4618181818182 737.7745454545455 895.0603636363637 734.7607272727273 897.2421818181818 734.109090909091 897.8632704 733.0807295999999 898.5221818181819 731.6101818181818 899.1010909090909L731.6101818181818 899.1010909090909Z"}}]}');
 JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M827.9893333333332 482.73066666666665l-585.1306666666667-474.7093333333333c-6.229333333333333-5.418666666666667-14.421333333333333-8.746666666666666-23.381333333333334-8.789333333333332-20.223999999999997 0-36.56533333333333 16.384-36.56533333333333 36.56533333333333v950.8693333333333c0 20.18133333333333 16.384 36.56533333333333 36.56533333333333 36.56533333333333 0 0 0.042666666666666665 0 0.042666666666666665 0 8.618666666666666 0 16.512-3.0293333333333328 22.698666666666668-8.106666666666666l585.088-474.66666666666663c8.874666666666666-6.741333333333333 14.506666666666668-17.28 14.506666666666668-29.184 0-11.562666666666667-5.333333333333333-21.845333333333333-13.696-28.544z"}}]}');
 const data$c = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M736 480L544 480 544 288 480 288 480 480 288 480 288 544 480 544 480 736 544 736 544 544 736 544z"}}]}');
@@ -8397,6 +8426,7 @@ const rightShape = (props2, context) => {
 };
 rightShape.displayName = "rightShape";
 rightShape.inheritAttrs = false;
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M832 512a320 320 0 1 1-76.96-208H672v64H864V176H800v82.08A384 384 0 1 0 896 512Z"}}]}');
 const data$a = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M842.56 797.28l-151.52-151.52a336 336 0 1 0-45.28 45.28l151.52 151.52a32 32 0 0 0 45.28-45.28ZM432 704A272 272 0 1 1 704 432 272 272 0 0 1 432 704Z"}}]}');
 const search = (props2, context) => {
   const p2 = __spreadValues(__spreadValues({}, props2), context.attrs);
@@ -8468,6 +8498,7 @@ const treeApplicationShape = (props2, context) => {
 };
 treeApplicationShape.displayName = "treeApplicationShape";
 treeApplicationShape.inheritAttrs = false;
+JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M384 896L320 896 320 704 128 704 128 640 384 640 384 896Z"}},{"type":"element","name":"path","attributes":{"d":"M896 640L896 704 704 704 704 896 640 896 640 640 896 640Z"}},{"type":"element","name":"path","attributes":{"d":"M320 128L384 128 384 384 128 384 128 320 320 320 320 128Z"}},{"type":"element","name":"path","attributes":{"d":"M704 320L896 320 896 384 640 384 640 128 704 128 704 320Z"}}]}');
 const data$3 = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M500.16 304a355.04 355.04 0 0 1 128 24.8l48-48.96a426.08 426.08 0 0 0-176-39.84v64Z"}},{"type":"element","name":"path","attributes":{"d":"M763.2 328.8l-46.08 46.08a822.24 822.24 0 0 1 160 138.88 807.52 807.52 0 0 1-86.88 85.12C723.84 654.24 620.48 720 502.56 720a331.52 331.52 0 0 1-111.04-19.52l-49.44 49.28a402.4 402.4 0 0 0 160 34.24C768 784 960 512 960 512A962.56 962.56 0 0 0 763.2 328.8Z"}},{"type":"element","name":"path","attributes":{"d":"M254.88 701.12l46.08-46.08a706.56 706.56 0 0 1-156.64-144C197.44 442.88 328.16 304 500.16 304V240h0C234.72 240 64 512 64 512A838.72 838.72 0 0 0 254.88 701.12Z"}},{"type":"element","name":"path","attributes":{"d":"M512 640a128 128 0 0 0 110.24-192.96L888 181.28A32 32 0 1 0 842.72 136L576.96 401.76a128 128 0 0 0-176 176L136 842.72a32 32 0 1 0 45.28 45.28L447.04 622.24A128 128 0 0 0 512 640Zm64-128a64 64 0 0 1-64 64 60.96 60.96 0 0 1-16-2.4L573.6 496A60.96 60.96 0 0 1 576 512Zm-64-64a60.96 60.96 0 0 1 16 2.4L450.4 528A60.96 60.96 0 0 1 448 512 64 64 0 0 1 512 448Z"}}]}');
 const unvisible = (props2, context) => {
   const p2 = __spreadValues(__spreadValues({}, props2), context.attrs);
@@ -8792,7 +8823,7 @@ var Component$C = defineComponent({
     const scrollHandler = lodash.exports.throttle(() => {
       visible.value = el.value.scrollTop >= props2.visibilityHeight;
     }, 30);
-    const scrollTop = () => {
+    const scrollTop2 = () => {
       el.value.scrollTo({
         top: 0,
         behavior: "smooth"
@@ -8828,7 +8859,7 @@ var Component$C = defineComponent({
             bottom: styleBottom,
             zIndex: zIndex.value
           },
-          "onClick": scrollTop
+          "onClick": scrollTop2
         }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : createVNode(angleUp, {
           "class": "bk-backtop-icon"
         }, null)]) : ""];
@@ -12791,7 +12822,7 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
     elContent.style.setProperty("z-index", `${props2.zIndex ? props2.zIndex : bkZIndexManager.getModalNextIndex()}`);
     updatePopover();
     ctx.emit("afterShow", {
-      isSHow: true
+      isShow: true
     });
   };
   const handlePopoverHide = () => {
@@ -12799,7 +12830,7 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
     const elContent = resolveTargetElement((_a = refContent.value) == null ? void 0 : _a.$el);
     elContent.style.setProperty("display", "none");
     ctx.emit("afterHidden", {
-      isSHow: false
+      isShow: false
     });
   };
   const triggerPopover = () => {
@@ -13075,10 +13106,6 @@ var Component$p = defineComponent({
       beforeInstanceUnmount();
       document.body.removeEventListener("fullscreenchange", handleFullscrennChange);
     });
-    ctx.expose({
-      show: show2,
-      hide: hide2
-    });
     const handleClickOutside = (_e) => {
       ctx.emit(EMITEVENTS$1.CLICK_OUTSIDE, {
         isShow: localIsShow.value,
@@ -13101,7 +13128,9 @@ var Component$p = defineComponent({
       content,
       theme,
       transBoundary,
-      handleClickOutside
+      handleClickOutside,
+      hide: hide2,
+      show: show2
     };
   },
   render() {
@@ -14608,11 +14637,11 @@ var Component$j = defineComponent({
     };
     const handleScroll = (e) => {
       const {
-        scrollTop,
+        scrollTop: scrollTop2,
         clientHeight,
         scrollHeight
       } = e.target;
-      if (scrollTop + clientHeight === scrollHeight) {
+      if (scrollTop2 + clientHeight === scrollHeight) {
         emit("scroll-end");
       }
     };
@@ -15349,7 +15378,7 @@ function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
   }
   const elScrollTop = el.scrollTop;
   const elScrollLeft = el.scrollLeft;
-  const { scrollTop, count, groupItemCount, startIndex, endIndex } = pagination2;
+  const { scrollTop: scrollTop2, count, groupItemCount, startIndex, endIndex } = pagination2;
   const { offsetHeight } = el;
   let targetStartIndex = 0;
   let targetEndIndex = 0;
@@ -15366,7 +15395,7 @@ function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
     const endValue = getMatchedIndex(count, offsetHeight, groupItemCount, lineHeight);
     targetEndIndex = endValue.startIndex + targetStartIndex + 1;
   }
-  if (elScrollTop !== scrollTop || targetStartIndex !== startIndex || targetEndIndex !== endIndex) {
+  if (elScrollTop !== scrollTop2 || targetStartIndex !== startIndex || targetEndIndex !== endIndex) {
     const bottom2 = el.scrollHeight - el.offsetHeight - el.scrollTop;
     typeof callback === "function" && callback(event, targetStartIndex, targetEndIndex, elScrollTop, translateY, elScrollLeft, { bottom: bottom2 >= 0 ? bottom2 : 0 });
   }
@@ -15380,8 +15409,8 @@ function visibleRender(e, wrapper, binding) {
     handleScrollCallback(e, null, null, elScrollTop, elScrollTop, elScrollLeft, { bottom: bottom2 >= 0 ? bottom2 : 0 });
     return;
   }
-  const { startIndex, endIndex, groupItemCount, count, scrollTop } = pagination2;
-  computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop, startIndex, endIndex, groupItemCount, count }, wrapper, e);
+  const { startIndex, endIndex, groupItemCount, count, scrollTop: scrollTop2 } = pagination2;
+  computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop: scrollTop2, startIndex, endIndex, groupItemCount, count }, wrapper, e);
 }
 const throttledRender = (delay = 60) => lodash.exports.throttle((e, wrapper, binding) => visibleRender(e, wrapper, binding), delay);
 const executeThrottledRender = (e, wrapper, binding, delay = 60) => {
@@ -15443,10 +15472,10 @@ var Component$f = defineComponent({
       pos: {},
       groupItemCount: props2.groupItemCount
     });
-    const handleScrollCallback = (event, startIndex, endIndex, scrollTop, translateY, scrollLeft, pos) => {
+    const handleScrollCallback = (event, startIndex, endIndex, scrollTop2, translateY, scrollLeft, pos) => {
       pagination2.startIndex = startIndex;
       pagination2.endIndex = endIndex;
-      pagination2.scrollTop = scrollTop;
+      pagination2.scrollTop = scrollTop2;
       pagination2.translateY = translateY;
       pagination2.translateX = scrollLeft;
       pagination2.pos = pos;
@@ -15497,11 +15526,11 @@ var Component$f = defineComponent({
         innerHeight.value = props2.abosuteHeight;
       }
     };
-    const afterListDataReset = (scrollTop = true) => {
+    const afterListDataReset = (scrollTop2 = true) => {
       var _a;
       const el = (_a = refRoot.value) == null ? void 0 : _a.parentNode;
       computedVirtualIndex(props2.lineHeight, handleScrollCallback, pagination2, el, null);
-      if (scrollTop && refRoot.value) {
+      if (scrollTop2 && refRoot.value) {
         refRoot.value.scrollTo(0, 0);
       }
     };
@@ -18151,11 +18180,11 @@ var Component$c = defineComponent({
         return;
       }
       const {
-        scrollTop,
+        scrollTop: scrollTop2,
         offsetHeight,
         scrollHeight
       } = selectorListRef.value;
-      if (scrollTop + offsetHeight >= scrollHeight) {
+      if (scrollTop2 + offsetHeight >= scrollHeight) {
         const curPage = pageState.curPage + 1;
         if (curPage <= pageState.totalPage) {
           pageState.isPageLoading = true;
@@ -20388,7 +20417,6 @@ var Confirm = defineComponent({
     }, [this.showTime ? createVNode("a", {
       "href": "javascript: void(0);",
       "class": "bk-picker-confirm-time",
-      "disabled": this.timeDisabled,
       "onClick": this.handleToggleTime
     }, [this.labels.time]) : "", this.clearable ? createVNode("a", {
       "href": "javascript: void(0);",
@@ -22568,6 +22596,16 @@ const formatDate = (val, type, multiple, format2) => {
   return formatter(val, format2 || f2);
 };
 const datePickerKey = Symbol("date-picker");
+const timePickerKey = Symbol("time-picker");
+function findChildComponents(context, componentName) {
+  return context.$children.reduce((components2, child) => {
+    if (child.$options.name === componentName) {
+      components2.push(child);
+    }
+    const foundChilds = findChildComponents(child, componentName);
+    return components2.concat(foundChilds);
+  }, []);
+}
 function iconBtnCls(direction, type = "") {
   return [
     "bk-picker-panel-icon-btn",
@@ -22643,6 +22681,17 @@ const isInRange = (time, a2, b2) => {
   const [start2, end2] = [a2, b2].sort();
   return time >= start2 && time <= end2;
 };
+function firstUpperCase(str) {
+  return str.toString()[0].toUpperCase() + str.toString().slice(1);
+}
+const mergeDateHMS = (date, ...hms) => {
+  const newDate = new Date(date.getTime());
+  newDate.setHours(hms[0]);
+  newDate.setMinutes(hms[1]);
+  newDate.setSeconds(hms[2]);
+  return newDate;
+};
+const capitalize = (str) => str[0].toUpperCase() + str.slice(1);
 const dateTableProps = {
   tableDate: {
     type: Date,
@@ -22760,6 +22809,652 @@ var DateTable = defineComponent({
     }, [createVNode("em", null, [cell.desc])]))]);
   }
 });
+const datePickerProps = {
+  type: {
+    type: String,
+    default: "date",
+    validator(value) {
+      const validList = ["year", "month", "date", "daterange", "datetime", "datetimerange", "time", "timerange"];
+      if (validList.indexOf(value) < 0) {
+        console.error(`type property is not valid: '${value}'`);
+        return false;
+      }
+      return true;
+    }
+  },
+  extPopoverCls: {
+    type: String,
+    default: ""
+  },
+  format: String,
+  readonly: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  editable: {
+    type: Boolean,
+    default: true
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  open: {
+    type: Boolean,
+    default: null
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  timePickerOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  splitPanels: {
+    type: Boolean,
+    default: true
+  },
+  startDate: Date,
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  placement: {
+    type: String,
+    default: "bottom-start",
+    validator: (value) => {
+      const validList = [
+        "top",
+        "top-start",
+        "top-end",
+        "bottom",
+        "bottom-start",
+        "bottom-end",
+        "left",
+        "left-start",
+        "left-end",
+        "right",
+        "right-start",
+        "right-end"
+      ];
+      if (validList.indexOf(value) < 0) {
+        console.error(`placement property is not valid: '${value}'`);
+        return false;
+      }
+      return true;
+    }
+  },
+  transfer: {
+    type: Boolean,
+    default: false
+  },
+  appendToBody: {
+    type: Boolean,
+    default: false
+  },
+  shortcuts: {
+    type: Array,
+    default: () => []
+  },
+  shortcutClose: {
+    type: Boolean,
+    default: false
+  },
+  modelValue: {
+    type: [Date, String, Number, Array]
+  },
+  value: {
+    type: [Date, String, Number, Array]
+  },
+  options: {
+    type: Object,
+    default: () => ({})
+  },
+  fontSize: {
+    type: String,
+    default: "normal"
+  },
+  upToNow: {
+    type: Boolean,
+    default: false
+  },
+  useShortcutText: {
+    type: Boolean,
+    default: false
+  },
+  shortcutSelectedIndex: {
+    type: Number,
+    default: -1
+  },
+  headerSlotCls: {
+    type: String,
+    default: ""
+  },
+  footerSlotCls: {
+    type: String,
+    default: ""
+  },
+  allowCrossDay: {
+    type: Boolean,
+    default: false
+  },
+  behavior: {
+    type: String,
+    default: "normal",
+    validator(v2) {
+      return ["simplicity", "normal"].indexOf(v2) > -1;
+    }
+  },
+  disableDate: Function,
+  withValidate: {
+    type: Boolean,
+    default: true
+  }
+};
+const timePanelProps = {
+  disabledHours: {
+    type: Array,
+    default: () => []
+  },
+  disabledMinutes: {
+    type: Array,
+    default: () => []
+  },
+  disabledSeconds: {
+    type: Array,
+    default: () => []
+  },
+  hideDisabledOptions: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: Number,
+    default: 261
+  },
+  enterMode: {
+    type: Boolean,
+    default: true
+  }
+};
+const timePickerProps = {
+  type: {
+    type: String,
+    default: "time",
+    validator(value) {
+      const validList = ["time", "timerange"];
+      if (validList.indexOf(value) < 0) {
+        console.error(`type property is not valid: '${value}'`);
+        return false;
+      }
+      return true;
+    }
+  },
+  allowCrossDay: {
+    type: Boolean,
+    default: false
+  }
+};
+const timeSpinnerProps = {
+  hours: {
+    type: [Number, String],
+    default: NaN
+  },
+  minutes: {
+    type: [Number, String],
+    default: NaN
+  },
+  seconds: {
+    type: [Number, String],
+    default: NaN
+  },
+  showSeconds: {
+    type: Boolean,
+    default: true
+  },
+  steps: {
+    type: Array,
+    default: () => []
+  }
+};
+const timeParts = ["hours", "minutes", "seconds"];
+var TimeSpinner = defineComponent({
+  name: "TimeSpinner",
+  props: __spreadValues(__spreadValues({}, timeSpinnerProps), timePanelProps),
+  emits: ["change", "pick-click"],
+  setup(props2, {
+    emit
+  }) {
+    const state = reactive({
+      spinerSteps: [1, 1, 1].map((one, i2) => Math.abs(props2.steps[i2]) || one),
+      compiled: false,
+      focusedColumn: -1,
+      focusedTime: [0, 0, 0]
+    });
+    const hoursList = computed(() => {
+      const hours = [];
+      const step = state.spinerSteps[0];
+      const focusedHour = state.focusedColumn === 0 && state.focusedTime[0];
+      const hourTmpl = {
+        text: 0,
+        selected: false,
+        disabled: false,
+        hide: false
+      };
+      for (let i2 = 0; i2 < 24; i2 += step) {
+        const hour = JSON.parse(JSON.stringify(hourTmpl));
+        hour.text = i2;
+        hour.focused = i2 === focusedHour;
+        if (props2.disabledHours.length && props2.disabledHours.indexOf(i2) > -1) {
+          hour.disabled = true;
+          if (props2.hideDisabledOptions) {
+            hour.hide = true;
+          }
+        }
+        if (props2.hours === i2) {
+          hour.selected = true;
+        }
+        hours.push(hour);
+      }
+      return hours;
+    });
+    const minutesList = computed(() => {
+      const minutes = [];
+      const step = state.spinerSteps[1];
+      const focusedMinute = state.focusedColumn === 1 && state.focusedTime[1];
+      const minuteTmpl = {
+        text: 0,
+        selected: false,
+        disabled: false,
+        hide: false
+      };
+      for (let i2 = 0; i2 < 60; i2 += step) {
+        const minute = JSON.parse(JSON.stringify(minuteTmpl));
+        minute.text = i2;
+        minute.focused = i2 === focusedMinute;
+        if (props2.disabledMinutes.length && props2.disabledMinutes.indexOf(i2) > -1) {
+          minute.disabled = true;
+          if (props2.hideDisabledOptions) {
+            minute.hide = true;
+          }
+        }
+        if (props2.minutes === i2) {
+          minute.selected = true;
+        }
+        minutes.push(minute);
+      }
+      return minutes;
+    });
+    const secondsList = computed(() => {
+      const seconds = [];
+      const step = state.spinerSteps[2];
+      const focusedMinute = state.focusedColumn === 2 && state.focusedTime[2];
+      const secondTmpl = {
+        text: 0,
+        selected: false,
+        disabled: false,
+        hide: false
+      };
+      for (let i2 = 0; i2 < 60; i2 += step) {
+        const second = JSON.parse(JSON.stringify(secondTmpl));
+        second.text = i2;
+        second.focused = i2 === focusedMinute;
+        if (props2.disabledSeconds.length && props2.disabledSeconds.indexOf(i2) > -1) {
+          second.disabled = true;
+          if (props2.hideDisabledOptions) {
+            second.hide = true;
+          }
+        }
+        if (props2.seconds === i2) {
+          second.selected = true;
+        }
+        seconds.push(second);
+      }
+      return seconds;
+    });
+    const styles = computed(() => ({
+      width: props2.showSeconds ? "33.33%" : "50%"
+    }));
+    watch(() => props2.hours, (val) => {
+      if (!state.compiled) {
+        return;
+      }
+      scroll("hours", hoursList.value.findIndex((obj) => obj.text === val));
+    });
+    watch(() => props2.minutes, (val) => {
+      if (!state.compiled) {
+        return;
+      }
+      scroll("minutes", minutesList.value.findIndex((obj) => obj.text === val));
+    });
+    watch(() => props2.seconds, (val) => {
+      if (!state.compiled) {
+        return;
+      }
+      scroll("seconds", minutesList.value.findIndex((obj) => obj.text === val));
+    });
+    watch(() => state.focusedTime, (updated, old) => {
+      timeParts.forEach((part, i2) => {
+        if (updated[i2] === old[i2] || typeof updated[i2] === "undefined") {
+          return;
+        }
+        const valueIndex = this[`${part}List`].findIndex((obj) => obj.text === updated[i2]);
+        scroll(part, valueIndex);
+      });
+    });
+    onMounted(() => {
+      nextTick(() => {
+        state.compiled = true;
+        bindWheelEvent();
+      });
+    });
+    function getDomRef(type) {
+      let domRef;
+      if (type === "hours") {
+        domRef = hoursRef;
+      } else if (type === "minutes") {
+        domRef = minutesRef;
+      } else {
+        domRef = secondsRef;
+      }
+      return domRef.value;
+    }
+    function getCellCls(cell) {
+      return ["bk-time-picker-cells-cell", {
+        ["bk-time-picker-cells-cell-selected"]: cell.selected,
+        ["bk-time-picker-cells-cell-focused"]: cell.focused,
+        ["bk-time-picker-cells-cell-disabled"]: cell.disabled
+      }];
+    }
+    function bindWheelEvent() {
+      const bindFunction = (type) => {
+        const domRef = getDomRef(type);
+        domRef.addEventListener("wheel", lodash.exports.debounce(() => {
+          handleWheel(type);
+        }, 32), {
+          passive: true
+        });
+      };
+      bindFunction("hours");
+      bindFunction("minutes");
+      bindFunction("seconds");
+    }
+    function typeItemHeight(type) {
+      const domRef = getDomRef(type);
+      return domRef.querySelector("li").offsetHeight;
+    }
+    function scrollBarHeight(type) {
+      const domRef = getDomRef(type);
+      return domRef.offsetHeight;
+    }
+    function handleWheel(type) {
+      const domRef = getDomRef(type);
+      const value = Math.min(Math.round((domRef.scrollTop - (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) + 3) / typeItemHeight(type)), type === "hours" ? 23 : 59);
+      let list;
+      if (type === "hours") {
+        list = hoursList;
+      } else if (type === "minutes") {
+        list = minutesList;
+      } else {
+        list = secondsList;
+      }
+      const item = list.value.find((data2) => data2.text === value);
+      if (item.disabled) {
+        return false;
+      }
+      nextTick(() => {
+        emitChange({
+          [type]: value
+        });
+      });
+    }
+    function handleClick(type, cell) {
+      if (cell.disabled) {
+        return;
+      }
+      const data2 = {
+        [type]: cell.text
+      };
+      emitChange(data2);
+    }
+    function emitChange(changes) {
+      emit("change", changes);
+      emit("pick-click");
+    }
+    function scroll(type, index) {
+      const domRef = getDomRef(type);
+      const from = domRef.scrollTop;
+      const to = 32 * getScrollIndex(type, index);
+      scrollTop(domRef, from, to, 500);
+    }
+    function getScrollIndex(type, index) {
+      const t2 = firstUpperCase(type);
+      const disabled = props2[`disabled${t2}`];
+      let ret = index;
+      if (disabled.length && props2.hideDisabledOptions) {
+        let count = 0;
+        disabled.forEach((item) => item <= index ? count += 1 : "");
+        ret -= count;
+      }
+      return ret;
+    }
+    function updateScroll() {
+      nextTick(() => {
+        timeParts.forEach((type) => {
+          const domRef = getDomRef(type);
+          let list;
+          if (type === "hours") {
+            list = hoursList;
+          } else if (type === "minutes") {
+            list = minutesList;
+          } else {
+            list = secondsList;
+          }
+          domRef.scrollTop = 32 * list.value.findIndex((obj) => obj.text === props2[type]);
+        });
+      });
+    }
+    function padTime(text) {
+      return text < 10 ? `0${text}` : text;
+    }
+    const hoursRef = ref(null);
+    const minutesRef = ref(null);
+    const secondsRef = ref(null);
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      hoursList,
+      minutesList,
+      secondsList,
+      styles,
+      hoursRef,
+      minutesRef,
+      secondsRef,
+      getCellCls,
+      handleClick,
+      updateScroll,
+      padTime
+    });
+  },
+  render() {
+    return createVNode("div", {
+      "class": ["bk-time-picker-cells", this.showSeconds ? "bk-time-picker-cells-with-seconds" : ""]
+    }, [createVNode("div", {
+      "class": "bk-time-picker-cells-title-wrapper"
+    }, [createVNode("div", {
+      "class": ["bk-time-picker-cells-title", this.focusedColumn === 0 ? "active" : ""],
+      "style": this.styles
+    }, [createTextVNode("\u65F6")]), createVNode("div", {
+      "class": ["bk-time-picker-cells-title", this.focusedColumn === 1 ? "active" : ""],
+      "style": this.styles
+    }, [createTextVNode("\u5206")]), withDirectives(createVNode("div", {
+      "class": ["bk-time-picker-cells-title", this.focusedColumn === 2 ? "active" : ""],
+      "style": this.styles
+    }, [createTextVNode("\u79D2")]), [[vShow, this.showSeconds]])]), createVNode("div", {
+      "class": "bk-time-picker-cells-list",
+      "ref": "hoursRef",
+      "style": this.styles
+    }, [createVNode("ul", {
+      "class": "bk-time-picker-cells-ul"
+    }, [this.hoursList.map((item) => withDirectives(createVNode("li", {
+      "class": this.getCellCls(item),
+      "onClick": () => this.handleClick("hours", item)
+    }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), createVNode("div", {
+      "class": "bk-time-picker-cells-list",
+      "ref": "minutesRef",
+      "style": this.styles
+    }, [createVNode("ul", {
+      "class": "bk-time-picker-cells-ul"
+    }, [this.minutesList.map((item) => withDirectives(createVNode("li", {
+      "class": this.getCellCls(item),
+      "onClick": () => this.handleClick("minutes", item)
+    }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), withDirectives(createVNode("div", {
+      "class": "bk-time-picker-cells-list",
+      "ref": "secondsRef",
+      "style": this.styles
+    }, [createVNode("ul", {
+      "class": "bk-time-picker-cells-ul"
+    }, [this.secondsList.map((item) => withDirectives(createVNode("li", {
+      "class": this.getCellCls(item),
+      "onClick": () => this.handleClick("seconds", item)
+    }, [this.padTime(item.text)]), [[vShow, !item.hide]]))])]), [[vShow, this.showSeconds]])]);
+  }
+});
+const timeProps = {
+  disabledDate: {
+    type: Function,
+    default: () => false
+  },
+  steps: {
+    type: Array,
+    default: () => []
+  },
+  format: {
+    type: String,
+    default: "HH:mm:ss"
+  },
+  value: {
+    type: Array,
+    required: true
+  },
+  confirm: {
+    type: Boolean,
+    default: false
+  }
+};
+var TimePanel = defineComponent({
+  name: "TimePickerPanel",
+  props: __spreadValues(__spreadValues(__spreadValues({}, datePickerProps), timePanelProps), timeProps),
+  emits: ["pick", "pick-click"],
+  setup(props2, {
+    emit
+  }) {
+    const state = reactive({
+      date: props2.value[0] || initTime(),
+      showDate: false
+    });
+    const parentProvide = inject(timePickerKey);
+    const timeSpinnerRef = ref(null);
+    const showSeconds = computed(() => !(props2.format || "").match(/mm$/));
+    const visibleDate = computed(() => fecha.format(parentProvide.panelDate, props2.format));
+    const timeSlots = computed(() => {
+      if (!props2.value[0]) {
+        return [];
+      }
+      return ["getHours", "getMinutes", "getSeconds"].map((slot) => state.date[slot]());
+    });
+    const disabledHMS = computed(() => {
+      const disabledTypes = ["disabledHours", "disabledMinutes", "disabledSeconds"];
+      if (props2.disabledDate === (() => !props2.value[0])) {
+        const disabled2 = disabledTypes.reduce((obj, type) => {
+          obj[type] = this[type];
+          return obj;
+        }, {});
+        return disabled2;
+      }
+      const slots = [24, 60, 60];
+      const disabled = ["Hours", "Minutes", "Seconds"].map((type) => props2[`disabled${type}`]);
+      const disabledHMS2 = disabled.map((preDisabled, j2) => {
+        const slot = slots[j2];
+        const toDisable = preDisabled;
+        for (let i2 = 0; i2 < slot; i2 += props2.steps[j2] || 1) {
+          const hms = timeSlots.value.map((slot2, x2) => x2 === j2 ? i2 : slot2);
+          const testDateTime = mergeDateHMS(state.date, ...hms);
+          if (props2.disabledDate(testDateTime, true)) {
+            toDisable.push(i2);
+          }
+        }
+        return toDisable.filter((el, i2, arr) => arr.indexOf(el) === i2);
+      });
+      return disabledTypes.reduce((obj, type, i2) => {
+        obj[type] = disabledHMS2[i2];
+        return obj;
+      }, {});
+    });
+    watch(() => props2.value, (dates) => {
+      let newVal = dates[0] || initTime();
+      newVal = new Date(newVal);
+      state.date = newVal;
+    });
+    onMounted(() => {
+      if (parentProvide && parentProvide.parentName === "DatePanel") {
+        state.showDate = true;
+      }
+    });
+    function handleChange(date, isEmit = true) {
+      const newDate = new Date(state.date);
+      Object.keys(date).forEach((type) => newDate[`set${capitalize(type)}`](date[type]));
+      if (isEmit) {
+        emit("pick", newDate, true, "time");
+      }
+    }
+    function handlePickClick() {
+      emit("pick-click");
+    }
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      visibleDate,
+      showSeconds,
+      timeSlots,
+      disabledHMS,
+      timeSpinnerRef,
+      handlePickClick,
+      handleChange
+    });
+  },
+  render() {
+    return createVNode("div", {
+      "class": "bk-picker-panel-body-wrapper",
+      "onMousedown": (e) => {
+        e.preventDefault();
+      }
+    }, [createVNode("div", {
+      "class": "bk-picker-panel-body",
+      "style": {
+        width: `${this.width}px`
+      }
+    }, [this.showDate ? createVNode("div", {
+      "class": "bk-time-picker-header"
+    }, [this.visibleDate]) : "", createVNode("div", {
+      "class": "bk-picker-panel-content"
+    }, [createVNode(TimeSpinner, {
+      "ref": "timeSpinnerRef",
+      "showSeconds": this.showSeconds,
+      "steps": this.steps,
+      "hours": this.timeSlots[0],
+      "minutes": this.timeSlots[1],
+      "seconds": this.timeSlots[2],
+      "disabledHours": this.disabledHMS.disabledHours,
+      "disabledMinutes": this.disabledHMS.disabledMinutes,
+      "disabledSeconds": this.disabledHMS.disabledSeconds,
+      "hideDisabledOptions": this.hideDisabledOptions,
+      "onPick-click": this.handlePickClick,
+      "onChange": this.handleChange
+    }, null)])])]);
+  }
+});
 const datePanelProps = {
   modelValue: {
     type: [Date, String, Number, Array]
@@ -22806,11 +23501,20 @@ const datePanelProps = {
   showTime: {
     type: Boolean,
     default: false
+  },
+  format: {
+    type: String,
+    default: "yyyy-MM-dd"
+  },
+  disabledDate: {
+    type: Function,
+    default: () => false
   }
 };
 var DatePanel = defineComponent({
+  name: "DatePanel",
   props: datePanelProps,
-  emits: ["pick", "pick-success", "pick-clear"],
+  emits: ["pick", "pick-success", "pick-clear", "pick-click", "selection-mode-change"],
   setup(props2, {
     slots,
     emit
@@ -22823,6 +23527,30 @@ var DatePanel = defineComponent({
       dates,
       panelDate: props2.startDate || dates[0] || new Date()
     });
+    const {
+      proxy
+    } = getCurrentInstance();
+    provide(timePickerKey, {
+      panelDate: state.panelDate,
+      parentName: proxy.$options.name
+    });
+    const timePickerRef = ref(null);
+    const timeSpinnerRef = ref(null);
+    const timeSpinnerEndRef = ref(null);
+    watch(() => state.currentView, (val) => {
+      console.error(11111, val);
+      emit("selection-mode-change", val);
+      if (state.currentView === "time") {
+        nextTick(() => {
+          const spinner2 = timePickerRef.value.timeSpinnerRef;
+          spinner2.updateScroll();
+        });
+      }
+    });
+    watch(() => props2.selectionMode, (type) => {
+      state.currentView = type;
+      state.pickerTable = getTableType(type);
+    });
     const resetView = () => {
       setTimeout(() => {
         state.currentView = props2.selectionMode;
@@ -22881,13 +23609,11 @@ var DatePanel = defineComponent({
     const changeMonth = (dir) => {
       state.panelDate = siblingMonth(state.panelDate, dir);
     };
-    const timeSpinner = ref(null);
-    const timeSpinnerEnd = ref(null);
     const onToggleVisibility = (open) => {
       var _a, _b;
       if (open) {
-        (_a = timeSpinner == null ? void 0 : timeSpinner.value) == null ? void 0 : _a.updateScroll();
-        (_b = timeSpinnerEnd == null ? void 0 : timeSpinnerEnd.value) == null ? void 0 : _b.updateScroll();
+        (_a = timeSpinnerRef == null ? void 0 : timeSpinnerRef.value) == null ? void 0 : _a.updateScroll();
+        (_b = timeSpinnerEndRef == null ? void 0 : timeSpinnerEndRef.value) == null ? void 0 : _b.updateScroll();
       }
     };
     const panelPickerHandlers = computed(() => state.pickerTable === `${state.currentView}-table` ? handlePick : handlePreSelection);
@@ -22918,6 +23644,10 @@ var DatePanel = defineComponent({
       state.currentView = state.currentView === "time" ? "date" : "time";
     };
     const hasShortcuts = computed(() => !!slots.shortcuts);
+    const timeDisabled = computed(() => !state.dates[0]);
+    function handlePickClick() {
+      emit("pick-click");
+    }
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       panelPickerHandlers,
       datePanelLabel,
@@ -22929,10 +23659,14 @@ var DatePanel = defineComponent({
       reset: reset2,
       isTime,
       hasShortcuts,
+      timeDisabled,
       onToggleVisibility,
       handleToggleTime,
       handlePickSuccess,
-      handlePickClear
+      handlePickClear,
+      handlePick,
+      handlePickClick,
+      timePickerRef
     });
   },
   render() {
@@ -23006,7 +23740,15 @@ var DatePanel = defineComponent({
         default:
           return null;
       }
-    })() : ""]), this.confirm ? createVNode(Confirm, {
+    })() : createVNode(TimePanel, {
+      "ref": "timePickerRef",
+      "value": this.dates,
+      "format": this.format,
+      "disabledDate": this.disabledDate,
+      "onPick": this.handlePick,
+      "onPick-clear": this.handlePickClear,
+      "onPick-success": this.handlePickSuccess
+    }, null)]), this.confirm ? createVNode(Confirm, {
       "clearable": this.clearable,
       "showTime": this.showTime,
       "isTime": this.isTime,
@@ -23038,6 +23780,10 @@ const dateRangePanelProps = {
     type: Array,
     default: () => []
   },
+  shortcutClose: {
+    type: Boolean,
+    default: false
+  },
   clearable: {
     type: Boolean,
     default: true
@@ -23046,10 +23792,6 @@ const dateRangePanelProps = {
     type: Boolean,
     default: true
   },
-  shortcutClose: {
-    type: Boolean,
-    default: false
-  },
   showTime: {
     type: Boolean,
     default: false
@@ -23084,7 +23826,7 @@ const dateRangePanelProps = {
 };
 var DateRangePanel = defineComponent({
   props: dateRangePanelProps,
-  emits: ["pick"],
+  emits: ["pick", "pick-success"],
   setup(props2, {
     slots,
     emit
@@ -23236,6 +23978,18 @@ var DateRangePanel = defineComponent({
         changePanelDate(otherPanel, "Month", increment, false);
       }
     };
+    const handleShortcutClick = (shortcut, index) => {
+      if (!(shortcut == null ? void 0 : shortcut.value)) {
+        return false;
+      }
+      if (shortcut.onClick) {
+        shortcut.onClick(shortcut, index);
+      }
+      emit("pick", typeof shortcut.value === "function" ? shortcut.value() : shortcut.value, false, props2.type, shortcut);
+      if (props2.shortcutClose) {
+        emit("pick-success");
+      }
+    };
     const handleChangeRange = (val) => {
       state.rangeState.to = val;
     };
@@ -23262,7 +24016,10 @@ var DateRangePanel = defineComponent({
       left: preSelecting.value.left ? handlePreSelection.bind("left") : handleRangePick,
       right: preSelecting.value.right ? handlePreSelection.bind("right") : handleRangePick
     }));
-    const hasShortcuts = computed(() => !!slots.shortcuts);
+    const hasShortcuts = computed(() => {
+      var _a;
+      return slots.shortcuts || ((_a = props2.shortcuts) == null ? void 0 : _a.length);
+    });
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       isTime,
       hasShortcuts,
@@ -23280,6 +24037,7 @@ var DateRangePanel = defineComponent({
       rightShowLabelSecond,
       preSelecting,
       panelPickerHandlers,
+      handleShortcutClick,
       reset: reset2,
       onToggleVisibility,
       handleRangePick,
@@ -23425,156 +24183,15 @@ var DateRangePanel = defineComponent({
       }
     })() : ""]), [[vShow, !this.isTime]])]), this.hasShortcuts ? createVNode("div", {
       "class": "bk-picker-panel-sidebar"
-    }, [(_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : null]) : null]);
+    }, [((_c = (_b = (_a = this.$slots).shortcuts) == null ? void 0 : _b.call(_a)) != null ? _c : this.shortcuts.length) ? createVNode("div", {
+      "class": "bk-picker-panel-shortcuts"
+    }, [this.shortcuts.map((item, index) => createVNode("div", {
+      "key": index,
+      "class": "shortcuts-item",
+      "onClick": () => this.handleShortcutClick(item, index)
+    }, [item.text]))]) : ""]) : null]);
   }
 });
-const datePickerProps = {
-  type: {
-    type: String,
-    default: "date",
-    validator(value) {
-      const validList = ["year", "month", "date", "daterange", "datetime", "datetimerange", "time", "timerange"];
-      if (validList.indexOf(value) < 0) {
-        console.error(`type property is not valid: '${value}'`);
-        return false;
-      }
-      return true;
-    }
-  },
-  extPopoverCls: {
-    type: String,
-    default: ""
-  },
-  format: String,
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  editable: {
-    type: Boolean,
-    default: true
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  open: {
-    type: Boolean,
-    default: null
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  timePickerOptions: {
-    type: Object,
-    default: () => ({})
-  },
-  splitPanels: {
-    type: Boolean,
-    default: true
-  },
-  startDate: Date,
-  placeholder: {
-    type: String,
-    default: ""
-  },
-  placement: {
-    type: String,
-    default: "bottom-start",
-    validator: (value) => {
-      const validList = [
-        "top",
-        "top-start",
-        "top-end",
-        "bottom",
-        "bottom-start",
-        "bottom-end",
-        "left",
-        "left-start",
-        "left-end",
-        "right",
-        "right-start",
-        "right-end"
-      ];
-      if (validList.indexOf(value) < 0) {
-        console.error(`placement property is not valid: '${value}'`);
-        return false;
-      }
-      return true;
-    }
-  },
-  transfer: {
-    type: Boolean,
-    default: false
-  },
-  appendToBody: {
-    type: Boolean,
-    default: false
-  },
-  shortcuts: {
-    type: Array,
-    default: () => []
-  },
-  shortcutClose: {
-    type: Boolean,
-    default: false
-  },
-  modelValue: {
-    type: [Date, String, Number, Array]
-  },
-  value: {
-    type: [Date, String, Number, Array]
-  },
-  options: {
-    type: Object,
-    default: () => ({})
-  },
-  fontSize: {
-    type: String,
-    default: "normal"
-  },
-  upToNow: {
-    type: Boolean,
-    default: false
-  },
-  useShortcutText: {
-    type: Boolean,
-    default: false
-  },
-  shortcutSelectedIndex: {
-    type: Number,
-    default: -1
-  },
-  headerSlotCls: {
-    type: String,
-    default: ""
-  },
-  footerSlotCls: {
-    type: String,
-    default: ""
-  },
-  allowCrossDay: {
-    type: Boolean,
-    default: false
-  },
-  behavior: {
-    type: String,
-    default: "normal",
-    validator(v2) {
-      return ["simplicity", "normal"].indexOf(v2) > -1;
-    }
-  },
-  disableDate: Function,
-  withValidate: {
-    type: Boolean,
-    default: true
-  }
-};
 var Component$9 = defineComponent({
   name: "DatePicker",
   directives: {
@@ -23590,7 +24207,8 @@ var Component$9 = defineComponent({
     const formItem = useFormItem();
     const isRange = props2.type.includes("range");
     const emptyArray = isRange ? [null, null] : [null];
-    let initialValue = isAllEmptyArr((isRange ? props2.modelValue : [props2.modelValue]) || []) ? emptyArray : parseDate(props2.modelValue, props2.type, props2.multiple, props2.format);
+    const initialArr = isRange ? props2.value || props2.modelValue : [props2.value || props2.modelValue];
+    let initialValue = isAllEmptyArr(initialArr) ? emptyArray : parseDate(props2.value || props2.modelValue, props2.type, props2.multiple, props2.format);
     let shortcut = null;
     if (props2.shortcutSelectedIndex !== -1) {
       shortcut = props2.shortcuts[props2.shortcutSelectedIndex] || null;
@@ -23689,6 +24307,7 @@ var Component$9 = defineComponent({
       }
       return !props2.editable || props2.readonly;
     });
+    const ownPickerProps = computed(() => props2.options);
     const allowCrossDayProp = computed(() => panel.value === "RangeTimePickerPanel" ? props2.allowCrossDay : false);
     const inputRef = ref(null);
     const inputFocus = () => {
@@ -23891,11 +24510,6 @@ var Component$9 = defineComponent({
       state.shortcut = null;
       setTimeout(() => onSelectionModeChange(props2.type), 500);
     };
-    const handleTransferClick = () => {
-      if (props2.appendToBody) {
-        state.disableCloseUnderTransfer = true;
-      }
-    };
     const onPickSuccess = () => {
       var _a;
       state.visible = false;
@@ -23951,6 +24565,7 @@ var Component$9 = defineComponent({
       longWidthCls,
       localReadonly,
       allowCrossDayProp,
+      ownPickerProps,
       pickerDropdownRef,
       inputRef,
       triggerRef,
@@ -23964,7 +24579,6 @@ var Component$9 = defineComponent({
       handleKeydown,
       handleInputChange,
       handleClear,
-      handleTransferClick,
       onPick,
       onPickSuccess
     });
@@ -24039,7 +24653,9 @@ var Component$9 = defineComponent({
     const shortcutsSlot = this.hasShortcuts ? {
       shortcuts: () => {
         var _a2, _b2;
-        return ((_b2 = (_a2 = this.$slots).shortcuts) == null ? void 0 : _b2.call(_a2)) || null;
+        return ((_b2 = (_a2 = this.$slots).shortcuts) == null ? void 0 : _b2.call(_a2, {
+          change: this.onPick
+        })) || null;
       }
     } : {};
     return withDirectives(createVNode("div", {
@@ -24062,8 +24678,7 @@ var Component$9 = defineComponent({
           "triggerRef": this.triggerRef,
           "placement": this.placement,
           "extPopoverCls": this.extPopoverCls,
-          "appendToBody": this.appendToBody,
-          "onClick": this.handleTransferClick
+          "appendToBody": this.appendToBody
         }, {
           default: () => {
             var _a2, _b2, _c2, _d, _e, _f;
@@ -24074,13 +24689,15 @@ var Component$9 = defineComponent({
               "type": this.type,
               "confirm": this.isConfirm,
               "shortcuts": this.shortcuts,
+              "shortcutClose": this.shortcutClose,
               "modelValue": this.internalValue,
               "selectionMode": this.selectionMode,
               "startDate": this.startDate,
               "disableDate": this.disableDate,
               "focusedDate": this.focusedDate,
               "onPick": this.onPick,
-              "onPick-success": this.onPickSuccess
+              "onPick-success": this.onPickSuccess,
+              "onSelection-mode-change": this.onSelectionModeChange
             }, shortcutsSlot) : createVNode(DatePanel, {
               "ref": "pickerPanelRef",
               "clearable": this.clearable,
@@ -24096,7 +24713,539 @@ var Component$9 = defineComponent({
               "focusedDate": this.focusedDate,
               "onPick": this.onPick,
               "onPick-clear": this.handleClear,
-              "onPick-success": this.onPickSuccess
+              "onPick-success": this.onPickSuccess,
+              "onSelection-mode-change": this.onSelectionModeChange
+            }, shortcutsSlot), this.hasFooter ? createVNode("div", {
+              "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
+            }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
+          }
+        }), [[vShow, this.opened]])]
+      })]
+    })]), [[resolveDirective("clickoutside"), this.handleClose]]);
+  }
+});
+var TimePicker = defineComponent({
+  name: "TimePicker",
+  directives: {
+    clickoutside: ClickOutside
+  },
+  props: __spreadValues(__spreadValues(__spreadValues({}, datePickerProps), timePickerProps), timePanelProps),
+  emits: ["open-change", "input", "change", "update:modelValue", "clear", "shortcut-change", "pick-success"],
+  slots: ["header"],
+  setup(props2, {
+    slots,
+    emit
+  }) {
+    const formItem = useFormItem();
+    const isRange = props2.type.includes("range");
+    const emptyArray = isRange ? [null, null] : [null];
+    let initialValue = isAllEmptyArr((isRange ? props2.modelValue : [props2.modelValue]) || []) ? emptyArray : parseDate(props2.modelValue, props2.type, props2.multiple, props2.format);
+    let shortcut = null;
+    if (props2.shortcutSelectedIndex !== -1) {
+      shortcut = props2.shortcuts[props2.shortcutSelectedIndex] || null;
+      if (shortcut) {
+        initialValue = shortcut.value();
+      }
+    }
+    const state = reactive({
+      showClose: false,
+      visible: false,
+      internalValue: initialValue,
+      disableClickOutSide: false,
+      disableCloseUnderTransfer: false,
+      selectionMode: "date",
+      forceInputRerender: 1,
+      isFocused: false,
+      focusedDate: initialValue[0] || props2.startDate || new Date(),
+      focusedTime: {
+        column: 0,
+        picker: 0,
+        time: initialValue.map(extractTime),
+        active: false
+      },
+      internalFocus: false,
+      timeEnterMode: true,
+      shortcut,
+      onSelectionModeChange
+    });
+    function onSelectionModeChange(_type) {
+      let type = _type;
+      if (_type.match(/^date/)) {
+        type = "date";
+      }
+      state.selectionMode = ["year", "month", "date", "time"].indexOf(type) > -1 && type;
+      return state.selectionMode;
+    }
+    const publicVModelValue = computed(() => {
+      if (props2.multiple) {
+        return state.internalValue.slice();
+      }
+      const isRange2 = props2.type.includes("range");
+      let val = state.internalValue.map((date) => date instanceof Date ? new Date(date) : date || "");
+      if (props2.type.match(/^time/)) {
+        val = val.map((v2) => formatDate(v2, props2.type, props2.multiple, props2.format));
+      }
+      return isRange2 || props2.multiple ? val : val[0];
+    });
+    const publicStringValue = computed(() => {
+      if (props2.type.match(/^time/)) {
+        return publicVModelValue.value;
+      }
+      if (props2.multiple) {
+        return formatDate(publicVModelValue.value, props2.type, props2.multiple, props2.format);
+      }
+      return Array.isArray(publicVModelValue.value) ? publicVModelValue.value.map((v2) => formatDate(v2, props2.type, props2.multiple, props2.format)) : formatDate(publicVModelValue.value, props2.type, props2.multiple, props2.format);
+    });
+    const panel = computed(() => {
+      const isRange2 = props2.type === "timerange";
+      return isRange2 ? "RangeTimePickerPanel" : "TimePickerPanel";
+    });
+    const opened = computed(() => props2.open === null ? state.visible : props2.open);
+    const visualValue = computed(() => formatDate(state.internalValue, props2.type, props2.multiple, props2.format));
+    const displayValue = computed(() => {
+      var _a;
+      if (((_a = state.shortcut) == null ? void 0 : _a.text) && props2.useShortcutText) {
+        return state.shortcut.text;
+      }
+      return visualValue.value;
+    });
+    const isConfirm = computed(() => !!slots.trigger || props2.type === "datetime" || props2.type === "datetimerange" || props2.multiple);
+    const hasHeader = computed(() => !!slots.header);
+    const hasFooter = computed(() => !!slots.footer);
+    const hasShortcuts = computed(() => !!slots.shortcuts);
+    const fontSizeCls = computed(() => {
+      let cls = "";
+      if (props2.fontSize === "medium") {
+        cls = "medium-font";
+      } else if (props2.fontSize === "large") {
+        cls = "large-font";
+      }
+      return cls;
+    });
+    const longWidthCls = computed(() => {
+      let cls = "";
+      if (props2.fontSize === "medium") {
+        cls = "medium-width";
+      } else if (props2.fontSize === "large") {
+        cls = "large-width";
+      }
+      return cls;
+    });
+    const localReadonly = computed(() => {
+      var _a;
+      if (((_a = state.shortcut) == null ? void 0 : _a.text) && props2.useShortcutText) {
+        return true;
+      }
+      return !props2.editable || props2.readonly;
+    });
+    const ownPickerProps = computed(() => ({
+      disabledHours: props2.disabledHours,
+      disabledMinutes: props2.disabledMinutes,
+      disabledSeconds: props2.disabledSeconds,
+      hideDisabledOptions: props2.hideDisabledOptions
+    }));
+    const allowCrossDayProp = computed(() => panel.value === "RangeTimePickerPanel" ? props2.allowCrossDay : false);
+    const inputRef = ref(null);
+    const inputFocus = () => {
+      var _a;
+      (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const {
+      proxy
+    } = getCurrentInstance();
+    watch(() => state.visible, (visible) => {
+      if (visible) {
+        nextTick(() => {
+          const spinners = findChildComponents(proxy, "TimeSpinner");
+          spinners.forEach((instance) => instance.updateScroll());
+        });
+      }
+    });
+    const pickerDropdownRef = ref(null);
+    watch(() => props2.modelValue, (modelValue) => {
+      var _a;
+      state.internalValue = parseDate(modelValue, props2.type, props2.multiple, props2.format);
+      if (props2.withValidate) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
+      }
+    });
+    watch(() => props2.open, (open) => {
+      state.visible = open === true;
+    });
+    watch(() => props2.type, (type) => {
+      onSelectionModeChange(type);
+    });
+    watch(() => publicVModelValue, (now, before) => {
+      const newValue = JSON.stringify(now);
+      const oldValue = JSON.stringify(before);
+      const shouldEmitInput = newValue !== oldValue || typeof now !== typeof before;
+      if (shouldEmitInput) {
+        emit("input", now);
+      }
+    });
+    onMounted(() => {
+      if (props2.type.indexOf("date") > -1) {
+        state.timeEnterMode = true;
+      } else {
+        state.timeEnterMode = true;
+      }
+      const initialValue2 = props2.modelValue;
+      const parsedValue = publicVModelValue.value;
+      if (typeof initialValue2 !== typeof parsedValue || JSON.stringify(initialValue2) !== JSON.stringify(parsedValue)) {
+        emit("input", publicVModelValue.value);
+      }
+      if (props2.open !== null) {
+        state.visible = props2.open;
+      }
+      provide(datePickerKey, {
+        props: props2,
+        focus: () => inputFocus()
+      });
+    });
+    const pickerPanelRef = ref(null);
+    const handleClose = (e) => {
+      var _a;
+      if (state.disableCloseUnderTransfer) {
+        state.disableCloseUnderTransfer = false;
+        return false;
+      }
+      if (e && e.type === "mousedown" && state.visible) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      if (state.visible) {
+        const pickerPanel = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.$el;
+        if (e && pickerPanel && pickerPanel.contains(e.target)) {
+          return;
+        }
+        state.visible = false;
+        e == null ? void 0 : e.preventDefault();
+        e == null ? void 0 : e.stopPropagation();
+        return;
+      }
+      state.isFocused = false;
+      state.disableClickOutSide = false;
+    };
+    const handleIconClick = () => {
+      var _a, _b;
+      (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.focus();
+      (_b = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _b.click();
+    };
+    const handleInputMouseenter = () => {
+      if (props2.readonly || props2.disabled) {
+        return;
+      }
+      if (visualValue == null ? void 0 : visualValue.value) {
+        state.showClose = true;
+      }
+    };
+    const handleInputMouseleave = (_e) => {
+      state.showClose = false;
+    };
+    const emitChange = (type) => {
+      nextTick(() => {
+        var _a;
+        emit("change", publicStringValue.value, type);
+        emit("update:modelValue", publicVModelValue.value);
+        if (props2.type.indexOf("time") < 0) {
+          (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.blur();
+        }
+      });
+    };
+    const handleInputChange = (e) => {
+      var _a;
+      const isArrayValue = props2.type.includes("range") || props2.multiple;
+      const oldValue = visualValue.value;
+      const newValue = e.target.value;
+      const newDate = parseDate(newValue, props2.type, props2.multiple, props2.format);
+      const valueToTest = isArrayValue ? newDate : newDate[0];
+      const isDisabled = (_a = props2.disableDate) == null ? void 0 : _a.call(props2, valueToTest);
+      const isValidDate = newDate.reduce((valid, date) => valid && date instanceof Date, true);
+      if (newValue !== oldValue && !isDisabled && isValidDate) {
+        emitChange(props2.type);
+        state.internalValue = newDate;
+      } else {
+        state.forceInputRerender = state.forceInputRerender + 1;
+      }
+    };
+    const handleFocus = (e) => {
+      if (props2.readonly) {
+        return;
+      }
+      state.isFocused = true;
+      if (e && e.type === "focus") {
+        return;
+      }
+      if (!props2.disabled) {
+        state.visible = true;
+      }
+    };
+    const reset2 = () => {
+      var _a;
+      (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset();
+    };
+    const handleBlur = (e) => {
+      var _a, _b;
+      if (state.internalFocus) {
+        state.internalFocus = false;
+        return;
+      }
+      if (state.visible) {
+        e.preventDefault();
+        return;
+      }
+      state.isFocused = false;
+      onSelectionModeChange(props2.type);
+      state.internalValue = state.internalValue.slice();
+      reset2();
+      (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.onToggleVisibility(false);
+      (_b = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _b.call(formItem, "blur");
+    };
+    const handleKeydown = (e) => {
+      const {
+        keyCode
+      } = e;
+      if (keyCode === 9) {
+        if (state.visible) {
+          e.stopPropagation();
+          e.preventDefault();
+          if (isConfirm.value) {
+            const selector = ".bk-picker-confirm > *";
+            const tabbable = pickerDropdownRef.value.$el.querySelectorAll(selector);
+            state.internalFocus = true;
+            const element = [...tabbable][e.shiftKey ? "pop" : "shift"]();
+            element.focus();
+          } else {
+            handleClose();
+          }
+        }
+      }
+      const arrows = [37, 38, 39, 40];
+      if (!state.visible && arrows.includes(keyCode)) {
+        state.visible = true;
+        return;
+      }
+      if (keyCode === 27) {
+        if (state.visible) {
+          e.stopPropagation();
+          handleClose();
+        }
+      }
+      if (!arrows.includes(keyCode)) {
+        return;
+      }
+      if (state.focusedTime.active) {
+        e.preventDefault();
+      }
+    };
+    const handleClear = () => {
+      state.visible = false;
+      state.internalValue = state.internalValue.map(() => null);
+      emit("clear");
+      emitChange(props2.type);
+      reset2();
+      state.showClose = false;
+      state.shortcut = null;
+      setTimeout(() => onSelectionModeChange(props2.type), 500);
+    };
+    const handleTransferClick = () => {
+      if (props2.appendToBody) {
+        state.disableCloseUnderTransfer = true;
+      }
+    };
+    const onPickSuccess = () => {
+      var _a;
+      state.visible = false;
+      nextTick(() => {
+        emit("pick-success");
+      });
+      (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.blur();
+      reset2();
+    };
+    const onPick = (_dates, visible = false, type, shortcut2) => {
+      let dates = _dates;
+      if (props2.multiple) {
+        const pickedTimeStamp = dates.getTime();
+        const indexOfPickedDate = state.internalValue.findIndex((date) => date && date.getTime() === pickedTimeStamp);
+        const allDates = [...state.internalValue, dates].filter(Boolean);
+        const timeStamps = allDates.map((date) => date.getTime()).filter((ts, i2, arr) => arr.indexOf(ts) === i2 && i2 !== indexOfPickedDate);
+        state.internalValue = timeStamps.map((ts) => new Date(ts));
+      } else {
+        dates = parseDate(_dates, props2.type, props2.multiple, props2.format);
+        state.internalValue = Array.isArray(dates) ? dates : [dates];
+      }
+      if (state.internalValue[0]) {
+        const [v2] = state.internalValue;
+        state.focusedDate = v2;
+      }
+      state.focusedTime = __spreadProps(__spreadValues({}, state.focusedTime), {
+        time: state.internalValue.map(extractTime)
+      });
+      if (!isConfirm.value) {
+        onSelectionModeChange(props2.type);
+        state.visible = visible;
+      }
+      if (type === "upToNow" && props2.type === "daterange") {
+        onPickSuccess();
+      }
+      state.shortcut = shortcut2;
+      emitChange(type);
+      const shortcutIndex = props2.shortcuts.findIndex((item) => item === state.shortcut);
+      emit("shortcut-change", state.shortcut, shortcutIndex);
+    };
+    const triggerRef = ref(null);
+    console.error(panel);
+    console.error(panel.value);
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      panel,
+      publicStringValue,
+      opened,
+      visualValue,
+      displayValue,
+      isConfirm,
+      hasHeader,
+      hasFooter,
+      hasShortcuts,
+      fontSizeCls,
+      longWidthCls,
+      localReadonly,
+      allowCrossDayProp,
+      ownPickerProps,
+      pickerDropdownRef,
+      inputRef,
+      triggerRef,
+      pickerPanelRef,
+      handleClose,
+      handleIconClick,
+      handleInputMouseenter,
+      handleInputMouseleave,
+      handleFocus,
+      handleBlur,
+      handleKeydown,
+      handleInputChange,
+      handleClear,
+      handleTransferClick,
+      onPick,
+      onPickSuccess
+    });
+  },
+  render() {
+    var _a, _b, _c;
+    const defaultTrigger = createVNode("div", null, [createVNode("span", {
+      "class": ["icon-wrapper", this.disabled ? "disabled" : ""],
+      "onClick": this.handleIconClick
+    }, [this.type === "time" || this.type === "timerange" ? createVNode("svg", {
+      "class": "picker-icon",
+      "x": "0px",
+      "y": "0px",
+      "viewBox": "0 0 1024 1024"
+    }, [createVNode("g", {
+      "id": "time"
+    }, [createVNode("path", {
+      "fill": "#c4c6cc",
+      "d": "M512,128c51.9,0,102.2,10.1,149.5,30.2c45.7,19.3,86.8,47,122.1,82.3s63,76.4,82.3,122.1c20,47.3,30.2,97.6,30.2,149.5S886,614.3,865.9,661.6c-19.3,45.7-47,86.8-82.3,122.1s-76.4,63-122.1,82.3c-47.3,20-97.6,30.2-149.5,30.2S409.8,886.1,362.5,866c-45.7-19.3-86.8-47-122.1-82.3s-63-76.4-82.3-122.1c-20-47.3-30.2-97.6-30.2-149.5s10.1-102.2,30.2-149.5c19.3-45.7,47-86.8,82.3-122.1s76.4-63,122.1-82.3C409.8,138.1,460.1,128,512,128 M512,64C264.6,64,64,264.6,64,512s200.6,448,448,448s448-200.6,448-448S759.4,64,512,64L512,64z"
+    }, null), createVNode("polygon", {
+      "fill": "#c4c6cc",
+      "points": "512,512 512,256 448,256 448,512 448,576 512,576 768,576 768,512"
+    }, null)])]) : createVNode("svg", {
+      "class": "picker-icon",
+      "x": "0px",
+      "y": "0px",
+      "viewBox": "0 0 1024 1024"
+    }, [createVNode("g", {
+      "id": "date"
+    }, [createVNode("path", {
+      "fill": "#c4c6cc",
+      "d": "M896,128h-96v64h64v112H160V192h64v-64h-96c-17.7,0-32,14.3-32,32v736c0,17.7,14.3,32,32,32h768c17.7,0,32-14.3,32-32V160C928,142.3,913.7,128,896,128z M160,864V368h704v496H160z"
+    }, null), createVNode("rect", {
+      "x": "416",
+      "y": "128",
+      "fill": "#c4c6cc",
+      "width": "192",
+      "height": "64"
+    }, null), createVNode("rect", {
+      "x": "288",
+      "y": "96",
+      "fill": "#c4c6cc",
+      "width": "64",
+      "height": "128"
+    }, null), createVNode("rect", {
+      "x": "672",
+      "y": "96",
+      "fill": "#c4c6cc",
+      "width": "64",
+      "height": "128"
+    }, null), createVNode("polygon", {
+      "fill": "#c4c6cc",
+      "points": "403.7,514.4 557.1,514.4 557.1,515.3 420.1,765.5 483.5,765.5 620.3,504.3 620.3,466.5 403.7,466.5"
+    }, null)])])]), createVNode("input", {
+      "type": "text",
+      "class": ["bk-date-picker-editor", this.readonly ? "readonly" : "", this.fontSizeCls, this.behavior === "simplicity" ? "only-bottom-border" : ""],
+      "ref": "inputRef",
+      "key": this.forceInputRerender,
+      "readonly": this.localReadonly,
+      "disabled": this.disabled,
+      "placeholder": this.placeholder,
+      "value": this.displayValue,
+      "onFocus": this.handleFocus,
+      "onClick": this.handleFocus,
+      "onBlur": this.handleBlur,
+      "onKeydown": this.handleKeydown,
+      "onChange": this.handleInputChange
+    }, null), this.clearable && this.showClose ? createVNode(close$1, {
+      "onClick": this.handleClear,
+      "class": "clear-action"
+    }, null) : ""]);
+    const shortcutsSlot = this.hasShortcuts ? {
+      shortcuts: () => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = this.$slots).shortcuts) == null ? void 0 : _b2.call(_a2)) || null;
+      }
+    } : {};
+    return withDirectives(createVNode("div", {
+      "class": ["bk-date-picker", this.type === "datetimerange" ? "long" : "", this.longWidthCls]
+    }, [createVNode("div", {
+      "ref": "triggerRef",
+      "class": "bk-date-picker-rel",
+      "onMouseenter": this.handleInputMouseenter,
+      "onMouseleave": this.handleInputMouseleave
+    }, [(_c = (_b = (_a = this.$slots).trigger) == null ? void 0 : _b.call(_a)) != null ? _c : defaultTrigger]), createVNode(Teleport, {
+      "to": "body",
+      "disabled": !this.appendToBody
+    }, {
+      default: () => [createVNode(Transition, {
+        "name": "bk-fade-down-transition"
+      }, {
+        default: () => [withDirectives(createVNode(PickerDropdown, {
+          "class": [this.appendToBody ? "bk-date-picker-transfer" : ""],
+          "ref": "pickerDropdownRef",
+          "triggerRef": this.triggerRef,
+          "placement": this.placement,
+          "extPopoverCls": this.extPopoverCls,
+          "appendToBody": this.appendToBody,
+          "onClick": this.handleTransferClick
+        }, {
+          default: () => {
+            var _a2, _b2, _c2, _d, _e, _f;
+            return [this.hasHeader ? createVNode("div", {
+              "class": ["bk-date-picker-top-wrapper", this.headerSlotCls]
+            }, [(_c2 = (_b2 = (_a2 = this.$slots).header) == null ? void 0 : _b2.call(_a2)) != null ? _c2 : null]) : null, createVNode(TimePanel, {
+              "ref": "pickerPanelRef",
+              "clearable": this.clearable,
+              "confirm": this.isConfirm,
+              "shortcuts": this.shortcuts,
+              "multiple": this.multiple,
+              "shortcutClose": this.shortcutClose,
+              "value": this.internalValue,
+              "startDate": this.startDate,
+              "disableDate": this.disableDate,
+              "onPick": this.onPick,
+              "onPick-clear": this.handleClear,
+              "onPick-success": this.onPickSuccess,
+              "disabledHours": this.ownPickerProps.disabledHours,
+              "disabledMinutes": this.ownPickerProps.disabledMinutes,
+              "disabledSeconds": this.ownPickerProps.disabledSeconds
             }, shortcutsSlot), this.hasFooter ? createVNode("div", {
               "class": ["bk-date-picker-footer-wrapper", this.footerSlotCls]
             }, [(_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : null]) : null];
@@ -26232,7 +27381,7 @@ var CascaderPanel = defineComponent({
     };
     const nodeExpandHandler = (node) => {
       var _a;
-      if (node.isDisabled)
+      if (!node || (node == null ? void 0 : node.isDisabled))
         return;
       menus.list = menus.list.slice(0, node.level);
       activePath.value = activePath.value.slice(0, node.level - 1);
@@ -26299,6 +27448,9 @@ var CascaderPanel = defineComponent({
     }, {
       immediate: true
     });
+    watch(() => props2.store, (value) => {
+      menus.list = [value.getNodes()];
+    });
     return {
       menus,
       activePath,
@@ -26429,7 +27581,7 @@ var Component$6 = defineComponent({
   },
   components: {
     CascaderPanel,
-    BkPopover
+    BkPopover: BkPopover2
   },
   props: {
     modelValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number).def([]), PropTypes.arrayOf(PropTypes.string).def([])]),
@@ -26464,7 +27616,7 @@ var Component$6 = defineComponent({
       setHover,
       cancelHover
     } = useHover();
-    const store = reactive(new Store(props2));
+    const store = ref(new Store(props2));
     const panelShow = ref(false);
     const selectedText = ref("");
     const selectedTags = ref([]);
@@ -26480,57 +27632,61 @@ var Component$6 = defineComponent({
     });
     const popover3 = ref(null);
     const updateValue = (val) => {
+      var _a;
       if (multiple) {
-        selectedTags.value = store.getCheckedNodes().map((node) => ({
+        selectedTags.value = store.value.getCheckedNodes().map((node) => ({
           text: node.pathNames.join(separator2),
           key: node.id
         }));
         return;
       }
+      (_a = popover3 == null ? void 0 : popover3.value) == null ? void 0 : _a.hide();
       if (val.length === 0) {
         selectedText.value = "";
       } else {
-        const node = store.getNodeByValue(val);
+        const node = store.value.getNodeByValue(val);
+        if (!node)
+          return;
         selectedText.value = node.pathNames.join(separator2);
       }
     };
-    const hidePopover = () => {
-      panelShow.value = false;
-    };
     const handleClear = (e) => {
       e.stopPropagation();
       updateValue([]);
       emit("update:modelValue", []);
       emit("clear", JSON.parse(JSON.stringify(props2.modelValue)));
     };
-    const inputClickHandler = (e) => {
-      e.stopPropagation();
-      panelShow.value = !panelShow.value;
-      emit("toggle", panelShow.value);
-    };
     const removeTag = (value, index, e) => {
       e.stopPropagation();
       const current = JSON.parse(JSON.stringify(value));
       current.splice(index, 1);
       updateValue(current);
     };
-    watch(() => props2.modelValue, (value) => {
-      var _a;
+    const modelValueChangeHandler = (value) => {
       updateValue(value);
-      (_a = popover3 == null ? void 0 : popover3.value) == null ? void 0 : _a.handlePopShow(false);
       emit("update:modelValue", value);
       emit("change", value);
-    }, {
+    };
+    const listChangeHandler = () => {
+      store.value = new Store(props2);
+      updateValue(props2.modelValue);
+    };
+    const popoverChangeEmitter = (val) => {
+      emit("toggle", val.isShow);
+    };
+    watch(() => props2.modelValue, modelValueChangeHandler, {
+      immediate: true
+    });
+    watch(() => props2.list, listChangeHandler, {
+      deep: true,
       immediate: true
     });
     return {
       store,
       updateValue,
-      hidePopover,
-      inputClickHandler,
+      panelShow,
       selectedText,
       checkedValue,
-      panelShow,
       handleClear,
       isHover,
       setHover,
@@ -26538,7 +27694,8 @@ var Component$6 = defineComponent({
       cancelHover,
       selectedTags,
       removeTag,
-      cascaderPanel
+      cascaderPanel,
+      popoverChangeEmitter
     };
   },
   render() {
@@ -26578,20 +27735,19 @@ var Component$6 = defineComponent({
       "data-placeholder": this.placeholder,
       "onMouseenter": this.setHover,
       "onMouseleave": this.cancelHover
-    }, [suffixIcon(), createVNode(BkPopover, {
+    }, [suffixIcon(), createVNode(BkPopover2, {
       "placement": "bottom-start",
       "theme": "light bk-cascader-popover",
       "trigger": "click",
       "arrow": false,
       "class": "bk-cascader-popover-wrapper",
-      "isShow": this.panelShow,
-      "onUpdate:isShow": ($event) => this.panelShow = $event,
       "ref": "popover",
+      "onAfterHidden": this.popoverChangeEmitter,
+      "onAfterShow": this.popoverChangeEmitter,
       "boundary": "body"
     }, {
       default: () => createVNode("div", {
-        "class": "bk-cascader-name",
-        "onClick": this.inputClickHandler
+        "class": "bk-cascader-name"
       }, [this.multiple && renderTags(), this.filterable ? createVNode("input", {
         "class": "bk-cascader-search-input",
         "type": "text",
@@ -28967,7 +30123,7 @@ var useFileHandler = (props2, hooks) => {
 var Component$1 = defineComponent({
   name: "Upload",
   props: uploadProps,
-  emits: ["on-exceed", "on-progress", "on-success", "on-error", "on-delete", "on-done"],
+  emits: ["exceed", "progress", "success", "error", "delete", "done"],
   setup(props2, {
     slots,
     emit
@@ -28993,7 +30149,7 @@ var Component$1 = defineComponent({
     };
     function onRemove(file, fileList2) {
       abort(file);
-      emit("on-delete", file, fileList2);
+      emit("delete", file, fileList2);
     }
     const {
       fileList,
@@ -29010,7 +30166,7 @@ var Component$1 = defineComponent({
         return;
       }
       if (props2.limit && fileList.value.length + files.length > props2.limit) {
-        emit("on-exceed", files, fileList.value);
+        emit("exceed", files, fileList.value);
         return;
       }
       let sendFiles = files;
@@ -29021,7 +30177,7 @@ var Component$1 = defineComponent({
         const rawFile = file;
         const error2 = handlePreprocess(rawFile);
         if (error2) {
-          emit("on-error", rawFile, fileList.value, error2);
+          emit("error", rawFile, fileList.value, error2);
           return;
         }
         if (props2.autoUpload) {
@@ -29079,29 +30235,29 @@ var Component$1 = defineComponent({
         chunkSize,
         onProgress: (event) => {
           handleProgress(event, file);
-          emit("on-progress", event, file, fileList.value);
+          emit("progress", event, file, fileList.value);
         },
         onSuccess: (res) => {
           var _a;
           const result = res;
           if ((_a = props2 == null ? void 0 : props2.handleResCode) == null ? void 0 : _a.call(props2, result)) {
             handleSuccess(res, file);
-            emit("on-success", res, file, fileList.value);
+            emit("success", res, file, fileList.value);
           } else {
             const err = new Error((result == null ? void 0 : result.message) || "unknow error");
             handleError(err, file);
-            emit("on-error", file, fileList.value, err);
+            emit("error", file, fileList.value, err);
           }
           delete requests.value[uid];
         },
         onError: (err) => {
           handleError(err, file);
-          emit("on-error", file, fileList.value, err);
+          emit("error", file, fileList.value, err);
           delete requests.value[uid];
         },
         onComplete: () => {
           if (sendFiles.indexOf(file) === sendFiles.length - 1) {
-            emit("on-done", fileList.value);
+            emit("done", fileList.value);
           }
         }
       };
@@ -33701,6 +34857,7 @@ var Component = defineComponent({
   }
 });
 const BkColorPicker = withInstall(Component);
+const BkTimePicker = withInstall(TimePicker);
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: BkAlert,
@@ -33756,7 +34913,8 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Process: BkSteps,
   Upload,
   CodeDiff: BkCodeDiff,
-  ColorPicker: BkColorPicker
+  ColorPicker: BkColorPicker,
+  TimePicker: BkTimePicker
 }, Symbol.toStringTag, { value: "Module" }));
 const createInstall = (prefix = "Bk") => (app) => {
   const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -33774,4 +34932,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkSteps as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps$2 as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTag as Tag, TagInput, BkSteps$1 as TimeLine, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };
+export { BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkSteps as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps$2 as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTag as Tag, TagInput, BkSteps$1 as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };