bkui-vue 0.0.1-beta.56 → 0.0.1-beta.59

package/dist/index.esm.js

@@ -81,6 +81,7 @@ var timeline = "";
 var codeDiff = "";
 var resizeLayout = "";
 var tagInput = "";
+var container = "";
 const BKLAYERD_INDEX_EFAULT_VALUE = {
   ["bottom"]: 0,
   ["content"]: 1,
@@ -2375,141 +2376,160 @@ bkIcon.inheritAttrs = false;
 bkIcon.displayName = "bkIcon";
 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":"M512 744.64L789.6 462.72 880 554.56 512 928 144 554.56 234.4 462.72 512 744.64z"}},{"type":"element","name":"path","attributes":{"d":"M144 187.68L234.4 96 512 377.76 789.6 96 880 187.68 512 561.28 144 187.68z"}}]}');
 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":"M279.36 512L561.28 789.6 469.44 880 96 512 469.44 144 561.28 234.4 279.36 512z"}},{"type":"element","name":"path","attributes":{"d":"M836.32 144L928 234.4 646.08 512 928 789.6 836.32 880 462.72 512 836.32 144z"}}]}');
-const data$z = 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":"M697.6 281.6l48 48-176 176 176 176-48 48-224-224L697.6 281.6z"}},{"type":"element","name":"path","attributes":{"d":"M505.6 281.6l48 48-176 176 176 176-48 48-224-224L505.6 281.6z"}}]}');
+const data$B = 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":"M697.6 281.6l48 48-176 176 176 176-48 48-224-224L697.6 281.6z"}},{"type":"element","name":"path","attributes":{"d":"M505.6 281.6l48 48-176 176 176 176-48 48-224-224L505.6 281.6z"}}]}');
 const angleDoubleLeft = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$z,
+    "data": data$B,
     "name": "angleDoubleLeft"
   }), null);
 };
 angleDoubleLeft.displayName = "angleDoubleLeft";
 angleDoubleLeft.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":"M744.64 512L462.72 789.6 554.56 880 928 512 554.56 144 462.72 234.4 744.64 512z"}},{"type":"element","name":"path","attributes":{"d":"M187.68 144L96 234.4 377.76 512 96 789.6 187.68 880 561.28 512 187.68 144z"}}]}');
-const data$y = 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":"M358.4 729.6l-48-48 176-176-176-176 48-48 224 224L358.4 729.6z"}},{"type":"element","name":"path","attributes":{"d":"M550.4 729.6l-48-48 176-176-176-176 48-48 224 224L550.4 729.6z"}}]}');
+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":"M358.4 729.6l-48-48 176-176-176-176 48-48 224 224L358.4 729.6z"}},{"type":"element","name":"path","attributes":{"d":"M550.4 729.6l-48-48 176-176-176-176 48-48 224 224L550.4 729.6z"}}]}');
 const angleDoubleRight = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$y,
+    "data": data$A,
     "name": "angleDoubleRight"
   }), null);
 };
 angleDoubleRight.displayName = "angleDoubleRight";
 angleDoubleRight.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":"M512 279.36L789.6 561.28 880 469.44 512 96 144 469.44 234.4 561.28 512 279.36z"}},{"type":"element","name":"path","attributes":{"d":"M144 836.32L234.4 928 512 646.08 789.6 928 880 836.32 512 462.72 144 836.32z"}}]}');
-const data$x = 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":"M512 256L96 704 187.04 704 512 704 836.96 704 928 704 512 256z"}}]}');
+const data$z = 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":"M512 256L96 704 187.04 704 512 704 836.96 704 928 704 512 256z"}}]}');
 const angleDownFill = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$x,
+    "data": data$z,
     "name": "angleDownFill"
   }), null);
 };
 angleDownFill.displayName = "angleDownFill";
 angleDownFill.inheritAttrs = false;
-const data$w = 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":"M512 762.56L98.72 349.28 189.28 258.72 512 581.44 834.72 258.72 925.28 349.28 512 762.56z"}}]}');
+const data$y = 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":"M512 762.56L98.72 349.28 189.28 258.72 512 581.44 834.72 258.72 925.28 349.28 512 762.56z"}}]}');
 const angleDownLine = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$w,
+    "data": data$y,
     "name": "angleDownLine"
   }), null);
 };
 angleDownLine.displayName = "angleDownLine";
 angleDownLine.inheritAttrs = false;
-const data$v = 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":"M288 448L336 400 512 576 688 400 736 448 512 672z"}}]}');
+const data$x = 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":"M288 448L336 400 512 576 688 400 736 448 512 672z"}}]}');
 const angleDown = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$v,
+    "data": data$x,
     "name": "angleDown"
   }), null);
 };
 angleDown.displayName = "angleDown";
 angleDown.inheritAttrs = false;
-const data$u = 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":"M376 504L600 280 648 328 472 504 648 680 600 728 376 504z"}}]}');
+const data$w = 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":"M376 504L600 280 648 328 472 504 648 680 600 728 376 504z"}}]}');
 const angleLeft = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$u,
+    "data": data$w,
     "name": "angleLeft"
   }), null);
 };
 angleLeft.displayName = "angleLeft";
 angleLeft.inheritAttrs = false;
-const data$t = 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":"M424 728L376 680 552 504 376 328 424 280 648 504 424 728z"}}]}');
+const data$v = 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":"M424 728L376 680 552 504 376 328 424 280 648 504 424 728z"}}]}');
 const angleRight = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$t,
+    "data": data$v,
     "name": "angleRight"
   }), null);
 };
 angleRight.displayName = "angleRight";
 angleRight.inheritAttrs = false;
-const data$s = 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":"M512 704L96 256 187.04 256 512 256 836.96 256 928 256 512 704z"}}]}');
+const data$u = 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":"M512 704L96 256 187.04 256 512 256 836.96 256 928 256 512 704z"}}]}');
 const angleUpFill = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$s,
+    "data": data$u,
     "name": "angleUpFill"
   }), null);
 };
 angleUpFill.displayName = "angleUpFill";
 angleUpFill.inheritAttrs = false;
-const data$r = 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":"M512 368L736 592 688 640 512 464 336 640 288 592 512 368z"}}]}');
+const data$t = 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":"M512 368L736 592 688 640 512 464 336 640 288 592 512 368z"}}]}');
 const angleUp = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$r,
+    "data": data$t,
     "name": "angleUp"
   }), null);
 };
 angleUp.displayName = "angleUp";
 angleUp.inheritAttrs = false;
-const data$q = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","class":"bk-icon","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M416 480h320v64H416l96 96-48 48L288 512l176-176L512 384 416 480z"}}]}');
+const data$s = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","class":"bk-icon","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M416 480h320v64H416l96 96-48 48L288 512l176-176L512 384 416 480z"}}]}');
 const arrowsLeft = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$q,
+    "data": data$s,
     "name": "arrowsLeft"
   }), null);
 };
 arrowsLeft.displayName = "arrowsLeft";
 arrowsLeft.inheritAttrs = false;
-const data$p = 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":"M608 480H288v64H608l-96 96 48 48L736 512l-176-176L512 384Z"}}]}');
+const data$r = 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":"M608 480H288v64H608l-96 96 48 48L736 512l-176-176L512 384Z"}}]}');
 const arrowsRight = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$p,
+    "data": data$r,
     "name": "arrowsRight"
   }), null);
 };
 arrowsRight.displayName = "arrowsRight";
 arrowsRight.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 289.28c103.50933333333333 18.986666666666665 183.89333333333332 99.37066666666666 202.62399999999997 201.344l5.3759999999999994 37.376c1.664 83.62666666666667 32.59733333333333 159.7013333333333 82.94399999999999 218.70933333333335 32.72533333333333 37.84533333333333 81.024 62.29333333333333 135.08266666666665 63.53066666666667 2.9013333333333335 0.128 6.0586666666666655 0.21333333333333332 9.216 0.21333333333333332 49.834666666666664 0 95.488-17.962666666666664 130.81599999999997-47.78666666666667 47.40266666666666-42.367999999999995 77.312-104.10666666666665 77.312-172.79999999999998 0-13.952-1.2373333333333334-27.562666666666665-3.584-40.831999999999994-15.786666666666665-115.62666666666667-96.29866666666666-210.43200000000002-203.73333333333335-246.91199999999998-5.8453333333333335-59.98933333333333-33.49333333333333-112.21333333333332-75.47733333333332-148.224-37.33333333333333-34.432-87.03999999999999-55.42399999999999-141.61066666666665-55.42399999999999-15.445333333333332 0-30.506666666666664 1.664-45.01333333333333 4.864-50.986666666666665 13.141333333333332-95.01866666666666 42.83733333333333-126.208 83.072-5.333333333333333 6.143999999999999-8.362666666666666 13.568-8.362666666666666 21.674666666666667 0 9.685333333333332 4.309333333333333 18.389333333333333 11.136 24.27733333333333l3.8826666666666663 0.042666666666666665c-16.21333333333333-4.053333333333333-34.901333333333326-6.613333333333333-54.10133333333333-7.04-6.101333333333333-0.38399999999999995-12.927999999999999-0.6399999999999999-19.797333333333334-0.6399999999999999s-13.696 0.21333333333333332-20.43733333333333 0.6826666666666666l0.9386666666666665-10.922666666666666c2.1333333333333333-25.813333333333333 17.194666666666667-47.70133333333334 38.656-59.30666666666666 9.173333333333332-6.015999999999999 14.933333333333332-15.872 14.933333333333332-27.093333333333334 0-17.749333333333333-14.378666666666668-32.128-32.128-32.128-6.528 0-12.629333333333332 1.9626666666666666-17.706666666666663 5.333333333333333-21.290666666666667 13.653333333333332-38.18666666666667 32.81066666666666-48.81066666666666 55.42399999999999-15.274666666666665-6.442666666666666-32.85333333333333-10.709333333333333-51.413333333333334-10.709333333333333-8.661333333333333 0-17.109333333333332 0.9386666666666665-25.258666666666663 2.6879999999999997-14.037333333333333 3.1999999999999997-24.959999999999997 16.256-24.959999999999997 31.872 0 18.090666666666664 14.677333333333332 32.768 32.768 32.768 2.474666666666667 0 4.906666666666666-0.29866666666666664 7.253333333333334-0.8106666666666666 2.1333333333333333-0.29866666666666664 4.8213333333333335-0.512 7.552-0.512 18.048 0 34.176 8.405333333333333 44.629333333333335 21.546666666666667l0.08533333333333333 0.128c-122.24000000000001 28.16-197.12 139.51999999999998-240 236.79999999999998-33.28 74.88-80.63999999999999 215.67999999999998-24.319999999999997 316.79999999999995 29.610666666666663 61.056 88.96 103.55199999999999 158.72 108.75733333333332l704.64 0.042666666666666665c17.663999999999998 0 32-14.336 32-32s-14.336-32-32-32h-704c-46.848-4.906666666666666-85.80266666666667-34.474666666666664-103.97866666666665-75.34933333333333-44.50133333333333-80.17066666666666 3.498666666666667-208.81066666666666 26.538666666666664-260.65066666666667 65.91999999999999-147.2 156.79999999999998-217.59999999999997 275.84-206.71999999999997zM480 229.12c22.826666666666668-30.976 55.296-53.63199999999999 92.88533333333334-63.744 10.069333333333333-2.1759999999999997 20.266666666666666-3.2426666666666666 30.72-3.2426666666666666 37.888 0 72.448 14.250666666666667 98.60266666666666 37.67466666666667 31.786666666666665 28.8 51.754666666666665 70.39999999999999 51.754666666666665 116.69333333333333 0 1.2373333333333334 0 2.474666666666667-0.042666666666666665 3.7119999999999997l0 32.46933333333333 24.959999999999997 3.84c95.27466666666666 23.296 167.25333333333333 101.50399999999999 180.992 198.4 1.92 10.495999999999999 2.944 21.119999999999997 2.944 32 0 52.522666666666666-23.59466666666667 99.49866666666665-60.75733333333333 130.98666666666665-21.503999999999998 16.554666666666666-48.512 26.368-77.824 26.368-4.224 0-8.448-0.21333333333333332-12.586666666666666-0.5973333333333333 0.512 0.042666666666666665 0.512 0.042666666666666665 0.512 0.042666666666666665-35.583999999999996 0-67.54133333333333-15.530666666666665-89.472-40.19199999999999-39.38133333333333-48.768-63.40266666666666-111.18933333333332-64.08533333333332-179.15733333333333l-5.76-42.410666666666664c-22.954666666666668-111.744-100.30933333333333-201.38666666666666-202.58133333333333-241.152-1.1093333333333333-0.6399999999999999 0.21333333333333332-0.5546666666666666 1.5359999999999998-0.5546666666666666 10.239999999999998 0 19.413333333333334-4.522666666666666 25.599999999999998-11.690666666666667z"}}]}');
-const data$o = 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":"M512 0c-17.919999999999998 0-32 14.08-32 32s14.08 32 32 32c247.04 0 448 200.95999999999998 448 448 0 17.919999999999998 14.08 32 32 32s32-14.08 32-32c0-282.24-229.76-512-512-512z"}}]}');
+const data$q = 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":"M512 0c-17.919999999999998 0-32 14.08-32 32s14.08 32 32 32c247.04 0 448 200.95999999999998 448 448 0 17.919999999999998 14.08 32 32 32s32-14.08 32-32c0-282.24-229.76-512-512-512z"}}]}');
 const circle = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$o,
+    "data": data$q,
     "name": "circle"
   }), null);
 };
 circle.displayName = "circle";
 circle.inheritAttrs = false;
-const data$n = 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.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zM670.4 625.1l-45.3 45.3L512 557.3 398.9 670.4l-45.3-45.3L466.7 512 353.6 398.9l45.3-45.3L512 466.7l113.1-113.1 45.3 45.3L557.3 512 670.4 625.1z"}}]}');
+const data$p = 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":"M902.56 166.56L857.44 121.44 512 466.72 166.56 121.44 121.44 166.56 466.72 512 121.44 857.44 166.56 902.56 512 557.28 857.44 902.56 902.56 857.44 557.28 512 902.56 166.56z"}}]}');
+const closeLine = (props, context) => {
+  const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
+  return createVNode(bkIcon, mergeProps(p2, {
+    "data": data$p,
+    "name": "closeLine"
+  }), null);
+};
+closeLine.displayName = "closeLine";
+closeLine.inheritAttrs = false;
+const data$o = 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.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zM670.4 625.1l-45.3 45.3L512 557.3 398.9 670.4l-45.3-45.3L466.7 512 353.6 398.9l45.3-45.3L512 466.7l113.1-113.1 45.3 45.3L557.3 512 670.4 625.1z"}}]}');
 const close$1 = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
-    "data": data$n,
+    "data": data$o,
     "name": "close"
   }), null);
 };
 close$1.displayName = "close";
 close$1.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":"M1011.1999999999999 489.59999999999997l-224-224c-12.799999999999999-12.799999999999999-32.64-12.799999999999999-45.44 0s-12.799999999999999 32.64 0 45.44l201.59999999999997 200.95999999999998-201.59999999999997 201.59999999999997c-12.799999999999999 12.799999999999999-12.799999999999999 32.64 0 45.44 6.3999999999999995 6.3999999999999995 14.719999999999999 9.6 22.4 9.6s16.64-3.1999999999999997 22.4-9.6l224-224c12.799999999999999-12.799999999999999 12.799999999999999-33.28 0.6399999999999999-45.44z"}},{"type":"element","name":"path","attributes":{"d":"M282.24 265.59999999999997c-12.799999999999999-12.799999999999999-32.64-12.799999999999999-45.44 0l-224 224c-12.799999999999999 12.799999999999999-12.799999999999999 32.64 0 45.44l224 224c6.3999999999999995 5.76 14.719999999999999 8.959999999999999 23.04 8.959999999999999s16.64-3.1999999999999997 22.4-9.6c12.799999999999999-12.799999999999999 12.799999999999999-32.64 0-45.44l-201.59999999999997-200.95999999999998 201.59999999999997-201.59999999999997c12.159999999999998-12.159999999999998 12.159999999999998-32.64 0-44.8z"}},{"type":"element","name":"path","attributes":{"d":"M616.3199999999999 129.27999999999997c-16.64-5.119999999999999-34.56 5.119999999999999-39.04 22.4l-192 704c-4.4799999999999995 17.28 5.119999999999999 34.56 22.4 39.04 2.5599999999999996 0.6399999999999999 5.76 1.2799999999999998 8.32 1.2799999999999998 14.08 0 26.88-9.6 30.72-23.68l192-704c4.4799999999999995-16.64-5.119999999999999-34.56-22.4-39.04z"}}]}');
-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":"M608 512A96 96 0 0 1 512 608 96 96 0 0 1 416 512 96 96 0 0 1 608 512z"}},{"type":"element","name":"path","attributes":{"d":"M860.8 558.4c4.8-30.4 4.8-62.4 0-92.8l67.2-57.6c9.6-8 14.4-22.4 9.6-35.2-19.2-59.2-51.2-115.2-92.8-161.6-6.4-6.4-14.4-11.2-24-11.2-3.2 0-8 0-11.2 1.6l-83.2 30.4c-24-19.2-52.8-35.2-81.6-46.4l-16-86.4c-1.6-12.8-12.8-22.4-25.6-25.6-60.8-12.8-124.8-12.8-185.6 0-12.8 3.2-22.4 12.8-24 25.6l-16 86.4c-28.8 11.2-56 27.2-81.6 46.4l-83.2-30.4c-3.2-1.6-6.4-1.6-11.2-1.6-9.6 0-17.6 3.2-24 11.2-41.6 46.4-73.6 100.8-92.8 161.6-4.8 12.8 0 27.2 9.6 35.2l67.2 57.6C160 496 160 528 163.2 558.4L96 616c-9.6 8-14.4 22.4-9.6 35.2 19.2 59.2 51.2 115.2 92.8 161.6 6.4 6.4 14.4 11.2 24 11.2 3.2 0 8 0 11.2-1.6l83.2-30.4c24 19.2 52.8 35.2 81.6 46.4l16 86.4c1.6 12.8 12.8 22.4 25.6 25.6 60.8 12.8 124.8 12.8 185.6 0 12.8-3.2 22.4-12.8 25.6-25.6l16-86.4c28.8-11.2 56-27.2 81.6-46.4l83.2 30.4c3.2 1.6 6.4 1.6 11.2 1.6 9.6 0 17.6-3.2 24-11.2 41.6-46.4 73.6-100.8 92.8-161.6 3.2-12.8 0-27.2-11.2-35.2L860.8 558.4zM512 672c-88 0-160-72-160-160s72-160 160-160 160 72 160 160S600 672 512 672z"}}]}');
+const data$n = 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":"M608 512A96 96 0 0 1 512 608 96 96 0 0 1 416 512 96 96 0 0 1 608 512z"}},{"type":"element","name":"path","attributes":{"d":"M860.8 558.4c4.8-30.4 4.8-62.4 0-92.8l67.2-57.6c9.6-8 14.4-22.4 9.6-35.2-19.2-59.2-51.2-115.2-92.8-161.6-6.4-6.4-14.4-11.2-24-11.2-3.2 0-8 0-11.2 1.6l-83.2 30.4c-24-19.2-52.8-35.2-81.6-46.4l-16-86.4c-1.6-12.8-12.8-22.4-25.6-25.6-60.8-12.8-124.8-12.8-185.6 0-12.8 3.2-22.4 12.8-24 25.6l-16 86.4c-28.8 11.2-56 27.2-81.6 46.4l-83.2-30.4c-3.2-1.6-6.4-1.6-11.2-1.6-9.6 0-17.6 3.2-24 11.2-41.6 46.4-73.6 100.8-92.8 161.6-4.8 12.8 0 27.2 9.6 35.2l67.2 57.6C160 496 160 528 163.2 558.4L96 616c-9.6 8-14.4 22.4-9.6 35.2 19.2 59.2 51.2 115.2 92.8 161.6 6.4 6.4 14.4 11.2 24 11.2 3.2 0 8 0 11.2-1.6l83.2-30.4c24 19.2 52.8 35.2 81.6 46.4l16 86.4c1.6 12.8 12.8 22.4 25.6 25.6 60.8 12.8 124.8 12.8 185.6 0 12.8-3.2 22.4-12.8 25.6-25.6l16-86.4c28.8-11.2 56-27.2 81.6-46.4l83.2 30.4c3.2 1.6 6.4 1.6 11.2 1.6 9.6 0 17.6-3.2 24-11.2 41.6-46.4 73.6-100.8 92.8-161.6 3.2-12.8 0-27.2-11.2-35.2L860.8 558.4zM512 672c-88 0-160-72-160-160s72-160 160-160 160 72 160 160S600 672 512 672z"}}]}');
+const cogShape = (props, context) => {
+  const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
+  return createVNode(bkIcon, mergeProps(p2, {
+    "data": data$n,
+    "name": "cogShape"
+  }), null);
+};
+cogShape.displayName = "cogShape";
+cogShape.inheritAttrs = false;
 const data$m = 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":"M496 216l-76.32 76.32 152.64 152.8H64v101.76H572.16l-152.48 152.8L496 776 775.52 496Zm362.4 0v560H960v-560Z"}}]}');
 const collapseLeft = (props, context) => {
   const p2 = __spreadValues(__spreadValues({}, props), context.attrs);
@@ -8283,7 +8303,7 @@ var Component$u = defineComponent({
   setup(props, {
     slots
   }) {
-    const container = ref(null);
+    const container2 = ref(null);
     const el = ref(null);
     const visible = ref(false);
     const zIndex = ref(bkZIndexManager.getModalNextIndex());
@@ -8302,19 +8322,19 @@ var Component$u = defineComponent({
       zIndex.value = bkZIndexManager.getModalNextIndex();
     });
     onMounted(() => {
-      container.value = document;
+      container2.value = document;
       el.value = document.documentElement;
       if (props.target) {
         el.value = document.querySelector(props.target);
         if (!el.value) {
           throw new Error("target does not exist");
         }
-        container.value = el.value;
+        container2.value = el.value;
       }
-      container.value.addEventListener("scroll", scrollHandler);
+      container2.value.addEventListener("scroll", scrollHandler);
     });
     onBeforeUnmount(() => {
-      container.value.removeEventListener("scroll", scrollHandler);
+      container2.value.removeEventListener("scroll", scrollHandler);
     });
     return () => createVNode(Transition, {
       "name": "bk-fade"
@@ -8737,6 +8757,7 @@ var Component$p = defineComponent({
       "class",
       "style"
     ]);
+    const inputRef = ref();
     const inputCls = computed(() => classes({
       [`${inputClsPrefix.value}--${props.size}`]: !!props.size,
       "is-focused": isFocused.value,
@@ -8770,6 +8791,12 @@ var Component$p = defineComponent({
     const clearCls = computed(() => classes({
       "show-clear-only-hover": props.showClearOnlyHover
     }, suffixCls));
+    ctx.expose({
+      focus() {
+        inputRef.value.focus();
+      },
+      clear
+    });
     function clear() {
       ctx.emit(EventEnum["update:modelValue"], "");
       ctx.emit(EventEnum.change, "");
@@ -8785,18 +8812,15 @@ var Component$p = defineComponent({
     }
     function eventHandler(eventName) {
       return (e) => {
-        let originEventName = eventName;
         if (e.code === "Enter" || e.key === "Enter" || e.keyCode === 13) {
-          originEventName = EventEnum.enter;
-          if (e.type !== EventEnum.keyup)
-            return;
+          ctx.emit(EventEnum.enter, e.target.value, e);
         }
         if (isCNInput.value && [EventEnum.input, EventEnum.change].some((e2) => eventName === e2))
           return;
         if (eventName === EventEnum.input) {
           ctx.emit(EventEnum["update:modelValue"], isNumberInput.value ? +e.target.value : e.target.value);
         }
-        ctx.emit(originEventName, e.target.value, e);
+        ctx.emit(eventName, e.target.value, e);
       };
     }
     const [handleKeyup, handleKeydown, handleKeyPress, handlePaste, handleChange, handleInput] = [EventEnum.keyup, EventEnum.keydown, EventEnum.keypress, EventEnum.paste, EventEnum.change, EventEnum.input].map(eventHandler);
@@ -8861,9 +8885,12 @@ var Component$p = defineComponent({
         "class": getCls("prefix-area")
       }, [createVNode("span", {
         "class": getCls("prefix-area--text")
-      }, [props.prefix])]), isTextArea.value ? createVNode("textarea", mergeProps(inputAttrs, bindProps.value, {
+      }, [props.prefix])]), isTextArea.value ? createVNode("textarea", mergeProps({
+        "ref": inputRef
+      }, inputAttrs, bindProps.value, {
         "rows": props.rows
       }), null) : createVNode("input", mergeProps(inputAttrs, {
+        "ref": inputRef,
         "class": `${inputClsPrefix.value}--text`,
         "type": pwdVisible.value && props.type === "password" ? "text" : props.type,
         "step": props.step,
@@ -9275,69 +9302,19 @@ var Component$m = defineComponent({
 });
 const BkCollaspe = withInstall(Component$m);
 const propsMixin$1 = {
-  isShow: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: [Number, String],
-    default: "50%"
-  },
-  height: {
-    type: [Number, String],
-    default: "50%"
-  },
-  customClass: {
-    type: [Array, String],
-    default: ""
-  },
-  scrollable: {
-    type: Boolean,
-    default: true
-  },
-  showMask: {
-    type: Boolean,
-    default: true
-  },
-  closeIcon: {
-    type: Boolean,
-    default: true
-  },
-  escClose: {
-    type: Boolean,
-    default: true
-  },
-  maskClose: {
-    type: Boolean,
-    default: true
-  },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
-  size: {
-    type: String,
-    default: "normal",
-    validator: (value) => {
-      const dialogSize = ["normal", "small", "medium", "large"];
-      if (dialogSize.indexOf(value) < 0) {
-        console.error(`dialogSize property is not valid: '${value}',\u3010${dialogSize.join(" | ")}\u3011`);
-        return false;
-      }
-      return true;
-    }
-  },
-  renderDirective: {
-    type: String,
-    default: "show",
-    validator: (value) => {
-      if (["show", "if"].indexOf(value) < 0) {
-        console.error(`type render-directive is not valid: '${value}'`);
-        return false;
-      }
-      return true;
-    }
-  }
+  isShow: PropTypes.bool.def(false),
+  width: PropTypes.oneOfType([String, Number]),
+  height: PropTypes.oneOfType([String, Number]),
+  customClass: PropTypes.string || PropTypes.array,
+  scrollable: PropTypes.bool.def(true),
+  showMask: PropTypes.bool.def(true),
+  closeIcon: PropTypes.bool.def(true),
+  escClose: PropTypes.bool.def(true),
+  maskClose: PropTypes.bool.def(true),
+  fullscreen: PropTypes.bool.def(false),
+  size: PropTypes.commonType(["normal", "small", "medium", "large"], "size").def("normal"),
+  draggable: PropTypes.bool.def(true),
+  dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation")
 };
 var Component$l = defineComponent({
   name: "Modal",
@@ -9387,23 +9364,30 @@ var Component$l = defineComponent({
     bkPopIndexManager.hide(this.$el);
   },
   render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     return createVNode("div", {
-      "class": ["bk-modal-wrapper", this.size, this.customClass, this.fullscreen ? "bk-model-fullscreen" : ""],
+      "class": ["bk-modal-wrapper", this.customClass],
       "style": this.compStyle
-    }, [this.isShow ? createVNode("div", {
+    }, [this.isShow && this.dialogType === "show" ? createVNode("div", {
       "class": "bk-modal-body"
     }, [createVNode("div", {
       "class": "bk-modal-header"
     }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
+      "class": "bk-modal-content",
+      "style": "height: calc(100% - 74px);margin-bottom: 0px;"
+    }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""])]) : createVNode("div", {
+      "class": "bk-modal-body"
+    }, [createVNode("div", {
+      "class": "bk-modal-header"
+    }, [(_i = (_h = (_g = this.$slots).header) == null ? void 0 : _h.call(_g)) != null ? _i : ""]), createVNode("div", {
       "class": "bk-modal-content"
-    }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), createVNode("div", {
+    }, [(_l = (_k = (_j = this.$slots).default) == null ? void 0 : _k.call(_j)) != null ? _l : ""]), createVNode("div", {
       "class": "bk-modal-footer"
-    }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""])]) : ""]);
+    }, [(_o = (_n = (_m = this.$slots).footer) == null ? void 0 : _n.call(_m)) != null ? _o : ""])])]);
   }
 });
 const BkModal = withInstallProps(Component$l, { propsMixin: propsMixin$1 }, true);
-function _isSlot$4(s2) {
+function _isSlot$5(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Component$k = defineComponent({
@@ -9413,96 +9397,131 @@ var Component$k = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, propsMixin$1), {
-    width: {
-      type: [Number, String],
-      default: null
-    },
-    height: {
-      type: [Number, String],
-      default: null
-    },
-    confirmText: {
-      type: String,
-      default: "\u786E\u5B9A"
-    },
-    cancelText: {
-      type: String,
-      default: "\u53D6\u6D88"
-    },
-    title: {
-      type: String,
-      default: "Title"
-    },
-    headerAlign: {
-      type: String,
-      default: "left",
-      validator: (value) => {
-        const textAlign = ["left", "center", "right"];
-        if (textAlign.indexOf(value) < 0) {
-          console.error(`headerAlign property is not valid: '${value}',\u3010${textAlign.join(" | ")}\u3011`);
-          return false;
-        }
-        return true;
+    width: PropTypes.oneOfType([String, Number]).def(""),
+    height: PropTypes.oneOfType([String, Number]).def(""),
+    confirmText: PropTypes.string.def("\u786E\u5B9A"),
+    cancelText: PropTypes.string.def("\u53D6\u6D88"),
+    prevText: PropTypes.string.def("\u4E0A\u4E00\u6B65"),
+    nextText: PropTypes.string.def("\u4E0B\u4E00\u6B65"),
+    current: PropTypes.number.def(1),
+    totalStep: PropTypes.number,
+    title: PropTypes.string.def("title"),
+    headerAlign: PropTypes.commonType(["left", "center", "right"], "headerAlign").def("left"),
+    footerAlign: PropTypes.commonType(["left", "center", "right"], "footerAlign").def("right"),
+    theme: PropTypes.commonType(["primary", "warning", "success", "danger"], "theme").def("primary"),
+    isLoading: PropTypes.bool.def(false)
+  }),
+  emits: ["closed", "update:isShow", "confirm", "prev", "next"],
+  setup(props, {
+    emit
+  }) {
+    const data2 = reactive({
+      positionX: 0,
+      positionY: 0,
+      moveStyle: {
+        top: "",
+        left: ""
       }
-    },
-    footerAlign: {
-      type: String,
-      default: "right",
-      validator: (value) => {
-        const textAlign = ["left", "center", "right"];
-        if (textAlign.indexOf(value) < 0) {
-          console.error(`footerAlign property is not valid: '${value}',\u3010${textAlign.join(" | ")}\u3011`);
-          return false;
-        }
-        return true;
+    });
+    onMounted(() => {
+      if (props.escClose) {
+        addEventListener("keydown", escCloseHandler);
       }
-    },
-    theme: {
-      type: String,
-      default: "primary",
-      validator: (value) => {
-        if (["primary", "warning", "success", "danger"].indexOf(value) < 0) {
-          console.error(`theme property is not valid: '${value}'`);
-          return false;
-        }
-        return true;
+    });
+    onBeforeUnmount(() => {
+      if (props.escClose) {
+        removeEventListener("keydown", escCloseHandler);
       }
-    }
-  }),
-  emits: ["closed", "update:isShow", "confirm"],
-  mounted() {
-    if (this.escClose) {
-      addEventListener("keydown", this.escCloseHandler);
-    }
-  },
-  beforeDestory() {
-    if (this.escClose) {
-      removeEventListener("keydown", this.escCloseHandler);
-    }
-  },
-  methods: {
-    handleClose() {
-      this.$emit("update:isShow", false);
-      this.$emit("closed");
-    },
-    handleConfirm() {
-      this.$emit("update:isShow", false);
-      this.$emit("confirm");
-    },
-    escCloseHandler(e) {
-      if (this.isShow && this.closeIcon) {
+    });
+    watch(() => props.isShow, (val) => {
+      if (!val) {
+        data2.moveStyle = {
+          top: "50%",
+          left: "50%"
+        };
+        data2.positionX = 0;
+        data2.positionY = 0;
+      }
+    });
+    const handleClose = () => {
+      emit("update:isShow", false);
+      emit("closed");
+    };
+    const handleConfirm = () => {
+      emit("update:isShow", false);
+      emit("confirm");
+    };
+    const escCloseHandler = (e) => {
+      if (props.isShow && props.closeIcon) {
         if (e.keyCode === 27) {
-          this.handleClose();
+          handleClose();
         }
       }
-    }
+    };
+    const handlePrevStep = () => {
+      emit("prev");
+    };
+    const handleNextStep = () => {
+      emit("next");
+    };
+    const moveHandler = (e) => {
+      if (props.fullscreen) {
+        return false;
+      }
+      const odiv = e.target;
+      const parentHeight = e.currentTarget.parentNode.parentNode.offsetHeight;
+      const parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
+      let disX;
+      let disY;
+      if (data2.positionX !== 0 && data2.positionY !== 0) {
+        disX = e.clientX - data2.positionX;
+        disY = e.clientY - data2.positionY;
+      } else {
+        disX = e.clientX - odiv.offsetLeft;
+        disY = e.clientY - odiv.offsetTop;
+      }
+      document.onmousemove = (e2) => {
+        const boxLeft = window.innerWidth - parentWidth;
+        const boxTop = window.innerHeight - parentHeight;
+        let left2 = e2.clientX - disX;
+        let top2 = e2.clientY - disY;
+        if (boxLeft / 2 - left2 <= 0) {
+          left2 = boxLeft / 2;
+        } else if (boxLeft / 2 + left2 <= 0) {
+          left2 = -boxLeft / 2;
+        }
+        if (boxTop / 2 - top2 <= 0) {
+          top2 = boxTop / 2;
+        } else if (boxTop / 2 + top2 <= 0) {
+          top2 = -boxTop / 2;
+        }
+        data2.positionX = left2;
+        data2.positionY = top2;
+        data2.moveStyle.left = `calc(50% + ${left2}px)`;
+        data2.moveStyle.top = `calc(50% + ${top2}px)`;
+      };
+      document.onmouseup = () => {
+        document.onmousemove = null;
+        document.onmouseup = null;
+      };
+    };
+    return {
+      data: data2,
+      handleClose,
+      handleConfirm,
+      escCloseHandler,
+      moveHandler,
+      handlePrevStep,
+      handleNextStep
+    };
   },
   render() {
     const dialogSlot = {
       header: () => {
         var _a, _b, _c;
         return [createVNode("div", {
-          "class": "bk-dialog-tool"
+          "class": ["bk-dialog-tool", this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
+          "onMousedown": this.moveHandler
         }, [createVNode("span", {
           "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
           "onClick": this.handleClose
@@ -9518,27 +9537,56 @@ var Component$k = defineComponent({
         return (_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : "default";
       },
       footer: () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
         return createVNode("div", {
           "class": "bk-dialog-footer",
           "style": `text-align: ${this.footerAlign}`
-        }, [(_c = (_b = (_a = this.$slots).footer) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(Fragment, null, [createVNode(BkButton, {
+        }, [this.dialogType === "process" ? (_c = (_b = (_a = this.$slots).footer) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(Fragment, null, [this.current === 1 ? "" : createVNode(BkButton, {
+          "style": "float: left;margin-right: 8px",
+          "onClick": this.handlePrevStep
+        }, {
+          default: () => [this.prevText]
+        }), this.current === this.totalStep ? "" : createVNode(BkButton, {
+          "style": "float: left",
+          "onClick": this.handleNextStep
+        }, {
+          default: () => [this.nextText]
+        }), this.current === this.totalStep ? createVNode(BkButton, {
+          "onClick": this.handleConfirm,
+          "theme": this.theme,
+          "loading": this.isLoading
+        }, {
+          default: () => [this.confirmText]
+        }) : "", createVNode(BkButton, {
+          "style": "margin-left: 8px",
+          "onClick": this.handleClose
+        }, {
+          default: () => [this.cancelText]
+        })]) : "", this.dialogType === "operation" ? (_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : createVNode(Fragment, null, [createVNode(BkButton, {
           "onClick": this.handleConfirm,
-          "theme": this.theme
+          "theme": this.theme,
+          "loading": this.isLoading
         }, {
           default: () => [this.confirmText]
         }), createVNode(BkButton, {
-          "style": "margin-left: 8px;",
+          "style": "margin-left: 8px",
           "onClick": this.handleClose
         }, {
           default: () => [this.cancelText]
-        })])]);
+        })]) : "", this.dialogType === "confirm" ? (_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : createVNode(Fragment, null, [createVNode(BkButton, {
+          "onClick": this.handleConfirm,
+          "theme": this.theme,
+          "loading": this.isLoading
+        }, {
+          default: () => [this.confirmText]
+        })]) : ""]);
       }
     };
     const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
-      "class": className
-    }), _isSlot$4(dialogSlot) ? dialogSlot : {
+      "class": [className, this.fullscreen ? "bk-model-fullscreen" : this.size],
+      "style": this.data.moveStyle
+    }), _isSlot$5(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -9975,7 +10023,7 @@ const Line = (_2, {
     "style": titleStyle
   }, [showDefault()])])]), showDefault(false)]);
 };
-function _isSlot$3(s2) {
+function _isSlot$4(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Component$f = defineComponent({
@@ -10040,11 +10088,11 @@ var Component$f = defineComponent({
     const $props = __spreadProps(__spreadValues({}, this.$props), {
       percent: this.validPercent(this.percent)
     });
-    let progress2 = createVNode(Line, $props, _isSlot$3(progressInfo) ? progressInfo : {
+    let progress2 = createVNode(Line, $props, _isSlot$4(progressInfo) ? progressInfo : {
       default: () => [progressInfo]
     });
     if (this.type === "circle" || this.type === "dashboard") {
-      progress2 = createVNode(Circle, $props, _isSlot$3(progressInfo) ? progressInfo : {
+      progress2 = createVNode(Circle, $props, _isSlot$4(progressInfo) ? progressInfo : {
         default: () => [progressInfo]
       });
     }
@@ -11695,7 +11743,7 @@ var Component$a = defineComponent({
   }
 });
 const BkSelect = withInstallProps(Component$a, { Option: BkOption, Group: OptionGroup });
-function _isSlot$2(s2) {
+function _isSlot$3(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 const {
@@ -11756,7 +11804,7 @@ var Component$9 = defineComponent({
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": className,
       "style": `${this.direction}: 0`
-    }), _isSlot$2(dialogSlot) ? dialogSlot : {
+    }), _isSlot$3(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -12037,7 +12085,7 @@ function getMatchedIndex(maxCount, maxHeight, groupItemCount, callback) {
   let diffHeight = 0;
   let lastHeight = 0;
   for (; startIndex < maxCount; startIndex++) {
-    lastHeight = callback(startIndex, [startIndex * groupItemCount, (startIndex + 1) * groupItemCount]);
+    lastHeight = callback(startIndex, [startIndex * groupItemCount, (startIndex + 1) * groupItemCount, "virtual"]);
     if (height + lastHeight > maxHeight) {
       diffHeight = maxHeight - height;
       break;
@@ -12239,6 +12287,13 @@ var Component$6 = defineComponent({
       pagination: pagination2,
       throttleDelay: props.throttleDelay
     };
+    const reset2 = () => {
+      handleChangeListConfig();
+      afterListDataReset();
+    };
+    ctx.expose({
+      reset: reset2
+    });
     return () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return h$1(renderAs || "div", {
@@ -12315,24 +12370,26 @@ const resolveColumnWidth = (root, colgroups, autoWidth = 20) => {
     }
   };
   colgroups.forEach((col, index) => {
-    const colWidth = String(col.width);
-    let isAutoWidthCol = true;
-    if (/^\d+\.?\d*(px)?$/.test(colWidth)) {
-      const numWidth = Number(colWidth.replace("px", ""));
-      resolveColNumberWidth(col, numWidth);
-      isAutoWidthCol = false;
-    }
-    if (/^\d+\.?\d*%$/.test(colWidth)) {
-      let perWidth = autoWidth;
-      if (avgWidth > 0) {
-        const percent = Number(colWidth.replace("%", ""));
-        perWidth = avgWidth * percent / 100;
+    if (!col.isHidden) {
+      const colWidth = String(col.width);
+      let isAutoWidthCol = true;
+      if (/^\d+\.?\d*(px)?$/.test(colWidth)) {
+        const numWidth = Number(colWidth.replace("px", ""));
+        resolveColNumberWidth(col, numWidth);
+        isAutoWidthCol = false;
+      }
+      if (/^\d+\.?\d*%$/.test(colWidth)) {
+        let perWidth = autoWidth;
+        if (avgWidth > 0) {
+          const percent = Number(colWidth.replace("%", ""));
+          perWidth = avgWidth * percent / 100;
+        }
+        resolveColNumberWidth(col, perWidth);
+        isAutoWidthCol = false;
+      }
+      if (isAutoWidthCol) {
+        avgColIndexList.push(index);
       }
-      resolveColNumberWidth(col, perWidth);
-      isAutoWidthCol = false;
-    }
-    if (isAutoWidthCol) {
-      avgColIndexList.push(index);
     }
   });
   if (avgColIndexList.length > 0) {
@@ -12531,9 +12588,16 @@ const tableProps = {
   border: PropTypes.arrayOf(PropTypes.commonType(BORDER_OPRIONS, "border")).def(["row"]),
   pagination: PropTypes.oneOfType([PropTypes.bool.def(false), PropTypes.object.def({})]).def(false),
   remotePagination: PropTypes.bool.def(false),
-  emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E")
+  emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E"),
+  settings: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
+    fields: PropTypes.shape([]).def([]),
+    checked: PropTypes.shape([]).def([]),
+    limit: PropTypes.number.def(null),
+    size: PropTypes.size(["small", "default", "large"]).def("default"),
+    sizeList: PropTypes.shape([]).def(null)
+  })]).def(false)
 };
-function _isSlot$1(s2) {
+function _isSlot$2(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var useLimit = () => {
@@ -12578,7 +12642,7 @@ var useLimit = () => {
       "modelValue": localLimit.value,
       "onChange": handleLimitChange,
       "disabled": proxy.disabled
-    }, _isSlot$1(_slot = proxy.limitList.map((num, index) => createVNode(BkOption, {
+    }, _isSlot$2(_slot = proxy.limitList.map((num, index) => createVNode(BkOption, {
       "value": num,
       "label": num,
       "key": `${index}_${num}`
@@ -13001,7 +13065,7 @@ var BodyEmpty = defineComponent({
     });
   }
 });
-function _isSlot(s2) {
+function _isSlot$1(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var HeadFilter = defineComponent({
@@ -13088,7 +13152,7 @@ var HeadFilter = defineComponent({
           "class": "content-list",
           "modelValue": state.checked,
           "onUpdate:modelValue": ($event) => state.checked = $event
-        }, _isSlot(_slot = localData.value.map((item) => createVNode("div", {
+        }, _isSlot$1(_slot = localData.value.map((item) => createVNode("div", {
           "class": "list-item"
         }, [createVNode(BkCheckbox, {
           "label": item.value
@@ -13165,13 +13229,189 @@ class TablePlugins {
     this.ctx = ctx;
   }
 }
+function _isSlot(s2) {
+  return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
+}
+var Settings = defineComponent({
+  name: "Settings",
+  props: {
+    settings: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
+      fields: PropTypes.shape([]).def([]),
+      checked: PropTypes.shape([]).def([]),
+      limit: PropTypes.number.def(null),
+      size: PropTypes.string.def(null)
+    })]).def(false),
+    columns: PropTypes.array.def([]),
+    rowHeight: PropTypes.number.def(40)
+  },
+  emits: ["change"],
+  setup(props, {
+    emit
+  }) {
+    var _a, _b, _c;
+    const defaultSizeList = [{
+      value: "small",
+      label: "\u5C0F",
+      height: 32
+    }, {
+      value: "default",
+      label: "\u4E2D",
+      height: props.rowHeight
+    }, {
+      value: "large",
+      label: "\u5927",
+      height: 56
+    }];
+    const modifiers = [{
+      name: "offset",
+      options: {
+        offset: [10, 10]
+      }
+    }];
+    const isShow = ref(false);
+    const settings = props.settings;
+    const activeSize = ref((_a = settings.size) != null ? _a : "default");
+    const activeHeight = ref(props.rowHeight);
+    const checkedFields = ref((_b = settings.checked) != null ? _b : []);
+    const className = resolveClassName("table-settings");
+    const theme = `light ${className}`;
+    const handleSaveClick = () => {
+      emit("change", {
+        checked: checkedFields.value,
+        size: activeSize.value,
+        height: activeHeight.value
+      });
+      isShow.value = false;
+    };
+    const handleCancelClick = () => {
+      var _a2;
+      activeSize.value = "default";
+      activeHeight.value = props.rowHeight;
+      checkedFields.value = (_a2 = settings.checked) != null ? _a2 : [];
+      isShow.value = false;
+    };
+    const handleSettingClick = () => {
+      isShow.value = true;
+    };
+    const handleCheckAllClick = () => {
+      var _a2, _b2;
+      checkedFields.value = ((_b2 = (_a2 = settings.fields) != null ? _a2 : props.columns) != null ? _b2 : []).map((item, index) => resolvePropVal(item, "field", [item, index]));
+    };
+    const isLimit = computed(() => {
+      var _a2;
+      return ((_a2 = settings.limit) != null ? _a2 : 0) > 0;
+    });
+    const sizeList = (_c = settings.sizeList) != null ? _c : defaultSizeList;
+    const isFiledDisabled = computed(() => {
+      var _a2;
+      return isLimit.value && ((_a2 = settings.limit) != null ? _a2 : 0) <= checkedFields.value.length;
+    });
+    const isItemReadonly = (item, index) => isFiledDisabled.value && !checkedFields.value.includes(resolvePropVal(item, "field", [item, index]));
+    const handleSizeItemClick = (item) => {
+      activeSize.value = item.value;
+      activeHeight.value = item.height;
+    };
+    const getItemClass = (item) => ({
+      "line-size": true,
+      "is-default": activeSize.value === "default",
+      active: item.value === activeSize.value
+    });
+    const buttonStyle = {
+      width: "85px",
+      marginRight: "5px"
+    };
+    const renderSize = () => sizeList.map((item) => createVNode("span", {
+      "class": getItemClass(item),
+      "onClick": () => handleSizeItemClick(item)
+    }, [item.label]));
+    return () => createVNode(BkPopover, mergeProps({
+      "trigger": "manual",
+      "isShow": isShow.value,
+      "placement": "bottom-end",
+      "arrow": false
+    }, {
+      modifiers,
+      theme
+    }, {
+      "boundary": document.body
+    }), {
+      default: () => createVNode(cogShape, {
+        "style": "color: rgba(99,101,110, 0.6);",
+        "onClick": handleSettingClick
+      }, null),
+      content: () => {
+        var _a2, _b2;
+        let _slot2;
+        return createVNode("div", {
+          "class": "setting-content"
+        }, [createVNode("div", {
+          "class": "setting-head"
+        }, [createVNode("h2", null, [createTextVNode("\u8868\u683C\u8BBE\u7F6E")]), createVNode(closeLine, {
+          "class": "icon-close-action",
+          "onClick": handleCancelClick
+        }, null)]), createVNode("div", {
+          "class": "setting-body"
+        }, [createVNode("div", {
+          "class": "setting-body-title"
+        }, [createVNode("div", null, [createVNode("span", null, [createTextVNode("\u5B57\u6BB5\u663E\u793A\u8BBE\u7F6E")]), isLimit.value ? createVNode("span", {
+          "class": "limit"
+        }, [createTextVNode("\uFF08\u6700\u591A"), settings.limit, createTextVNode("\u9879\uFF09")]) : ""]), isLimit.value ? "" : createVNode("span", {
+          "class": "check-all",
+          "onClick": handleCheckAllClick
+        }, [createTextVNode("\u5168\u9009")])]), createVNode(BkCheckboxGroup, {
+          "class": "setting-body-fields",
+          "modelValue": checkedFields.value,
+          "onUpdate:modelValue": ($event) => checkedFields.value = $event
+        }, _isSlot(_slot2 = ((_b2 = (_a2 = settings.fields) != null ? _a2 : props.columns) != null ? _b2 : []).map((item, index) => {
+          let _slot;
+          return createVNode("div", {
+            "class": "field-item"
+          }, [createVNode(BkCheckbox, {
+            "label": resolvePropVal(item, "field", [item, index]),
+            "disabled": isItemReadonly(item, index)
+          }, _isSlot(_slot = resolvePropVal(item, "label", [item, index])) ? _slot : {
+            default: () => [_slot]
+          })]);
+        })) ? _slot2 : {
+          default: () => [_slot2]
+        }), createVNode("div", {
+          "class": "setting-body-line-height"
+        }, [createTextVNode("\u8868\u683C\u884C\u9AD8\uFF1A"), renderSize()])]), createVNode("div", {
+          "class": "setting-footer"
+        }, [createVNode(BkButton, {
+          "theme": "primary",
+          "style": buttonStyle,
+          "onClick": handleSaveClick
+        }, {
+          default: () => [createTextVNode("\u786E\u5B9A")]
+        }), createVNode(BkButton, {
+          "style": buttonStyle,
+          "onClick": handleCancelClick
+        }, {
+          default: () => [createTextVNode("\u53D6\u6D88")]
+        })])]);
+      }
+    });
+  }
+});
 let EVENTS;
 (function(EVENTS2) {
   EVENTS2["ON_SORT_BY_CLICK"] = "onSortByClick";
   EVENTS2["ON_FILTER_CLICK"] = "onFilterClick";
+  EVENTS2["ON_SETTING_CHANGE"] = "onSettingChange";
 })(EVENTS || (EVENTS = {}));
 class TableRender {
   constructor(props, ctx, reactiveProp, colgroups) {
+    __publicField(this, "getRowHeight", (row, rowIndex) => {
+      const {
+        size,
+        height
+      } = this.setting;
+      if (height !== null && height !== void 0) {
+        return resolvePropVal(this.setting, "height", ["tbody", row, rowIndex, size]);
+      }
+      return resolvePropVal(this.props, "rowHeight", ["tbody", row, rowIndex]);
+    });
     __publicField(this, "getColumnClass", (colIndex) => `${this.uuid}-column-${colIndex}`);
     this.props = props;
     this.context = ctx;
@@ -13191,10 +13431,31 @@ class TableRender {
     if (!isShow) {
       return null;
     }
-    return createVNode("table", {
+    const handleSettingsChanged = (arg) => {
+      const {
+        checked = [],
+        size,
+        height
+      } = arg;
+      this.reactiveProp.setting.size = size;
+      this.reactiveProp.setting.height = height;
+      if (checked.length) {
+        this.colgroups.forEach((col) => {
+          col.isHidden = !(checked != null ? checked : []).includes(resolvePropVal(col, "field", [col]));
+        });
+      }
+      this.emitEvent(EVENTS.ON_SETTING_CHANGE, [arg]);
+    };
+    return [this.props.settings ? createVNode(Settings, {
+      "class": "table-head-settings",
+      "settings": this.props.settings,
+      "columns": this.props.columns,
+      "rowHeight": this.props.rowHeight,
+      "onChange": handleSettingsChanged
+    }, null) : "", createVNode("table", {
       "cellpadding": 0,
       "cellspacing": 0
-    }, [this.renderColGroup(), this.renderHeader()]);
+    }, [this.renderColGroup(), this.renderHeader()])];
   }
   renderTableBodySchema(rows) {
     return createVNode("table", {
@@ -13316,7 +13577,7 @@ class TableRender {
     };
     return createVNode("thead", {
       "style": rowStyle
-    }, [createVNode("tr", null, [this.props.columns.map((column, index) => createVNode("th", {
+    }, [createVNode("tr", null, [this.filterColgroups.map((column, index) => createVNode("th", {
       "colspan": 1,
       "rowspan": 1,
       "class": classes({
@@ -13331,13 +13592,13 @@ class TableRender {
     var _a, _b, _c;
     return createVNode("tbody", null, [rows.length ? rows.map((row, rowIndex) => {
       const rowStyle = {
-        "--row-height": `${resolvePropVal(this.props, "rowHeight", ["tbody", row, rowIndex])}px`
+        "--row-height": `${this.getRowHeight(row, rowIndex)}px`
       };
       return createVNode("tr", {
         "style": rowStyle,
         "onClick": (e) => this.handleRowClick(e, row, rowIndex, rows),
         "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows)
-      }, [this.props.columns.map((column, index) => createVNode("td", {
+      }, [this.filterColgroups.map((column, index) => createVNode("td", {
         "class": this.getColumnClass(index),
         "colspan": 1,
         "rowspan": 1
@@ -13370,7 +13631,7 @@ class TableRender {
     return this.props.columnPick !== "disabled" && this.propActiveCols.some((col) => col.index === colIndex && col.active);
   }
   renderColGroup() {
-    return createVNode("colgroup", null, [(this.colgroups || []).map((column, index) => {
+    return createVNode("colgroup", null, [(this.filterColgroups || []).map((column, index) => {
       const colCls = classes({
         active: this.isColActive(index)
       });
@@ -13381,6 +13642,12 @@ class TableRender {
       }, null);
     })]);
   }
+  get filterColgroups() {
+    return this.colgroups.filter((col) => !col.isHidden);
+  }
+  get setting() {
+    return this.reactiveProp.setting;
+  }
 }
 const useClass = (props, root) => {
   const autoHeight = ref(200);
@@ -13390,13 +13657,17 @@ const useClass = (props, root) => {
   const headClass = classes({
     [resolveClassName("table-head")]: true
   });
+  const config = resolveHeadConfig(props);
+  const headStyle = {
+    "--row-height": `${resolvePropVal(config, "height", ["thead"])}px`
+  };
   const contentClass = classes({
     [resolveClassName("table-body")]: true
   });
-  const footerClass = classes({
+  const footerClass = computed(() => classes({
     [resolveClassName("table-footer")]: true,
     ["is-hidden"]: !props.pagination || !props.data.length
-  });
+  }));
   const wrapperStyle = computed(() => ({
     minHeight: resolveNumberOrStringToPix(props.minHeight, "auto")
   }));
@@ -13440,7 +13711,7 @@ const useClass = (props, root) => {
       autoHeight.value = height;
     }
   };
-  return { tableClass, headClass, contentClass, footerClass, wrapperStyle, contentStyle, resetTableHeight };
+  return { tableClass, headClass, contentClass, footerClass, wrapperStyle, contentStyle, headStyle, resetTableHeight };
 };
 var Component$4 = defineComponent({
   name: "Table",
@@ -13454,6 +13725,7 @@ var Component$4 = defineComponent({
     let columnFilterFn = null;
     let observerIns = null;
     const root = ref();
+    const refVirtualRender = ref();
     const {
       activeColumns
     } = useActiveColumns(props);
@@ -13470,11 +13742,16 @@ var Component$4 = defineComponent({
       footerClass,
       wrapperStyle,
       contentStyle,
+      headStyle,
       resetTableHeight
     } = useClass(props);
     const reactiveProp = reactive({
       scrollTranslateY: 0,
-      activeColumns
+      activeColumns,
+      setting: {
+        size: null,
+        height: null
+      }
     });
     const tableRender = new TableRender(props, ctx, reactiveProp, colgroups);
     watchEffect(() => {
@@ -13492,6 +13769,13 @@ var Component$4 = defineComponent({
       } = args;
       columnFilterFn = filterFn;
       resolvePageData(columnFilterFn, columnSortFn);
+    }).on(EVENTS.ON_SETTING_CHANGE, (args) => {
+      var _a, _b;
+      const {
+        checked = []
+      } = args;
+      checked.length && resolveColumnWidth(root.value, colgroups, 20);
+      (_b = (_a = refVirtualRender.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
     });
     const handleScrollChanged = (args) => {
       const pagination2 = args[1];
@@ -13516,24 +13800,30 @@ var Component$4 = defineComponent({
       "class": tableClass.value,
       "style": wrapperStyle.value,
       "ref": root
-    }, [createVNode("div", {
-      "class": headClass
-    }, [tableRender.renderTableHeadSchema()]), createVNode(BkVirtualRender, {
-      "lineHeight": props.rowHeight,
-      "class": contentClass,
-      "style": contentStyle.value,
-      "list": pageData,
-      "onContentScroll": handleScrollChanged,
-      "throttleDelay": 0,
-      "enabled": props.virtualEnabled
-    }, {
-      default: (scope) => tableRender.renderTableBodySchema(scope.data || props.data),
-      afterContent: () => createVNode("div", {
-        "class": resolveClassName("table-fixed")
-      }, null)
-    }), createVNode("div", {
-      "class": footerClass
-    }, [props.pagination && props.data.length && tableRender.renderTableFooter(localPagination.value)])]);
+    }, [
+      createVNode("div", {
+        "class": headClass,
+        "style": headStyle
+      }, [tableRender.renderTableHeadSchema()]),
+      createVNode(BkVirtualRender, {
+        "ref": refVirtualRender,
+        "lineHeight": tableRender.getRowHeight,
+        "class": contentClass,
+        "style": contentStyle.value,
+        "list": pageData,
+        "onContentScroll": handleScrollChanged,
+        "throttleDelay": 0,
+        "enabled": props.virtualEnabled
+      }, {
+        default: (scope) => tableRender.renderTableBodySchema(scope.data || props.data),
+        afterContent: () => createVNode("div", {
+          "class": resolveClassName("table-fixed")
+        }, null)
+      }),
+      createVNode("div", {
+        "class": footerClass.value
+      }, [props.pagination && props.data.length && tableRender.renderTableFooter(localPagination.value)])
+    ]);
   }
 });
 const BkTable = withInstall(Component$4);
@@ -15003,15 +15293,15 @@ const Message$1 = (constructor, options) => {
     offsetY: verticalOffset,
     id
   });
-  const container = document.createElement("div");
+  const container2 = document.createElement("div");
   const vm = createVNode(constructor, opts);
   vm.props.onDestory = (id2) => {
     close(id2, position, spacing, userOnClose);
-    render(null, container);
+    render(null, container2);
   };
-  render(vm, container);
+  render(vm, container2);
   instances[position].push(vm);
-  document.body.appendChild(container.firstElementChild);
+  document.body.appendChild(container2.firstElementChild);
 };
 function close(id, position, spacing, userOnClose) {
   userOnClose == null ? void 0 : userOnClose();
@@ -19949,6 +20239,7 @@ const Transfer = withInstall(Component$1);
 const treeProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
   label: PropTypes.oneOfType([PropTypes.func.def(void 0), PropTypes.string.def("label")]),
+  nodeKey: PropTypes.string.def(null),
   children: PropTypes.string.def("children"),
   indent: PropTypes.number.def(18),
   lineHeight: PropTypes.number.def(32),
@@ -19965,10 +20256,49 @@ const treeProps = {
   ]).def(true),
   async: PropTypes.shape({
     callback: PropTypes.func.def(null),
-    cache: PropTypes.bool.def(true)
+    cache: PropTypes.bool.def(true),
+    deepAutoOpen: PropTypes.commonType(["once", "every"], "columnType").def("once")
   }),
   offsetLeft: PropTypes.number.def(5)
 };
+var useNodeAttribute = (flatData) => {
+  const schemaValues = computed(() => Array.from(flatData.schema.values()));
+  const getSchemaVal2 = (key) => flatData.schema.get(key);
+  const getNodeAttr2 = (node, attr) => {
+    var _a;
+    return (_a = getSchemaVal2(node.__uuid)) == null ? void 0 : _a[attr];
+  };
+  const setNodeAttr = (node, attr, val) => flatData.schema.set(node.__uuid, __spreadProps(__spreadValues({}, getSchemaVal2(node.__uuid)), {
+    [attr]: val
+  }));
+  const getNodePath = (node) => getNodeAttr2(node, "__path");
+  const isRootNode = (node) => getNodeAttr2(node, "__isRoot");
+  const isNodeOpened = (node) => getNodeAttr2(node, "__isOpen");
+  const hasChildNode = (node) => getNodeAttr2(node, "__hasChild");
+  const isItemOpen = (item) => {
+    var _a;
+    if (typeof item === "object") {
+      return isNodeOpened(item);
+    }
+    if (typeof item === "string") {
+      return (_a = getSchemaVal2(item)) == null ? void 0 : _a.__isOpen;
+    }
+    return false;
+  };
+  const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, "__parentId"));
+  return {
+    schemaValues,
+    getSchemaVal: getSchemaVal2,
+    getNodeAttr: getNodeAttr2,
+    setNodeAttr,
+    getNodePath,
+    isRootNode,
+    isNodeOpened,
+    hasChildNode,
+    isItemOpen,
+    checkNodeIsOpen
+  };
+};
 var rngBrowser = { exports: {} };
 var getRandomValues = typeof crypto != "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto != "undefined" && typeof window.msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto);
 if (getRandomValues) {
@@ -20113,6 +20443,13 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
   const outputData = [];
   let order2 = 0;
   const schema = /* @__PURE__ */ new Map();
+  function getUid(item) {
+    let uid = null;
+    if (typeof props.nodeKey === "string") {
+      uid = item[props.nodeKey];
+    }
+    return uid || item.__uuid || uuid_1.v4();
+  }
   function getCachedTreeNodeAttr(uuid2, node, attr, cachedAttr) {
     const cached = (cachedSchema || []).find((item) => item.__uuid === uuid2);
     if (cached) {
@@ -20134,7 +20471,7 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
         flatten(item, depth, parent, path);
       } else {
         if (typeof item === "object" && item !== null) {
-          const uuid2 = item.__uuid || uuid_1.v4();
+          const uuid2 = getUid(item);
           const currentPath = path !== null ? `${path}-${i}` : `${i}`;
           const hasChildren = !!(item[children] || []).length;
           const attrs = {
@@ -20146,7 +20483,7 @@ const getFlatdata = (props, treeData = void 0, cachedSchema = []) => {
             __path: currentPath,
             __isRoot: parent === null,
             __order: order2,
-            __isOpen: isCachedTreeNodeOpened(uuid2, item) && hasChildren,
+            __isOpen: isCachedTreeNodeOpened(uuid2, item),
             __checked: isCachedTreeNodeChecked(uuid2, item),
             [children]: null
           };
@@ -20248,203 +20585,291 @@ const assignTreeNode = (path, treeData, childKey, assignVal) => {
   }, treeData);
   Object.assign(targetNode, assignVal || {});
 };
+var useAsync = (props, flatData) => {
+  const {
+    setNodeAttr,
+    getNodePath,
+    getNodeAttr: getNodeAttr2
+  } = useNodeAttribute(flatData);
+  const setNodeRemoteLoad = (resp, item) => {
+    if (typeof resp === "object" && resp !== null) {
+      setNodeAttr(item, "__isOpen", true);
+      const nodeValue = Array.isArray(resp) ? resp : [resp];
+      updateTreeNode(getNodePath(item), props.data, props.children, props.children, nodeValue);
+    }
+  };
+  const asyncNodeClick = (item) => {
+    if (item.async) {
+      const {
+        callback = null,
+        cache = true
+      } = props.async || {};
+      setNodeAttr(item, "__isAsyncInit", true);
+      if (typeof callback === "function") {
+        if (!item.cached) {
+          Object.assign(item, {
+            loading: true
+          });
+          return Promise.resolve(callback(item, (resp) => setNodeRemoteLoad(resp, item)).then((resp) => setNodeRemoteLoad(resp, item)).catch((err) => console.error("load remote data error:", err)).finally(() => {
+            assignTreeNode(getNodePath(item), props.data, props.children, __spreadValues({
+              loading: false
+            }, cache ? {
+              cached: true
+            } : {}));
+          }));
+        }
+        return Promise.resolve(true);
+      }
+      return Promise.reject("async need to set prop: asyncLoad with function wich will return promise object");
+    }
+  };
+  const deepAutoOpen = () => {
+    const autoOpenNodes = flatData.data.filter((item) => item.async && item.isOpen && !getNodeAttr2(item, "__isAsyncInit"));
+    if (autoOpenNodes.length) {
+      Promise.all(autoOpenNodes.map((item) => asyncNodeClick(item))).then(() => {
+        deepAutoOpen();
+      }).catch((err) => {
+        console.warn(err);
+      });
+    }
+  };
+  return {
+    asyncNodeClick,
+    deepAutoOpen
+  };
+};
+var useNodeAction = (props, ctx, flatData, renderData) => {
+  const checkedNodes = [];
+  const {
+    setNodeAttr,
+    getNodePath,
+    getSchemaVal: getSchemaVal2,
+    getNodeAttr: getNodeAttr2,
+    isRootNode,
+    hasChildNode,
+    isItemOpen,
+    isNodeOpened,
+    schemaValues
+  } = useNodeAttribute(flatData);
+  const {
+    asyncNodeClick,
+    deepAutoOpen
+  } = useAsync(props, flatData);
+  const getRootIcon = (item) => isItemOpen(item) ? createVNode(folderShapeOpen, {
+    "class": resolveClassName("tree-icon")
+  }, null) : createVNode(folder, {
+    "class": resolveClassName("tree-icon")
+  }, null);
+  const renderPrefixVal = (val) => {
+    if (typeof val === "string") {
+      return val;
+    }
+    if (typeof val === "object" && val !== null) {
+      if (val.__v_isVNode) {
+        return val;
+      }
+      const {
+        node,
+        className,
+        text,
+        style
+      } = val;
+      return h$1(node, {
+        class: className,
+        style
+      }, text);
+    }
+    return null;
+  };
+  const getActionIcon = (item) => {
+    let prefixFnVal = null;
+    if (typeof props.prefixIcon === "function") {
+      prefixFnVal = props.prefixIcon(isRootNode(item), hasChildNode(item) || item.async, isItemOpen(item), "action", item);
+      if (prefixFnVal !== "default") {
+        return renderPrefixVal(prefixFnVal);
+      }
+    }
+    if (prefixFnVal === "default" || typeof props.prefixIcon === "boolean" && props.prefixIcon) {
+      if (hasChildNode(item) || item.async) {
+        return isItemOpen(item) ? createVNode(downShape, null, null) : createVNode(rightShape, null, null);
+      }
+    }
+    return null;
+  };
+  const getNodePrefixIcon = (item) => {
+    let prefixFnVal = null;
+    if (typeof props.prefixIcon === "function") {
+      prefixFnVal = props.prefixIcon(isRootNode(item), hasChildNode(item) || item.async, isItemOpen(item), "node_type", item);
+      if (prefixFnVal !== "default") {
+        return renderPrefixVal(prefixFnVal);
+      }
+    }
+    if (prefixFnVal === "default" || typeof props.prefixIcon === "boolean" && props.prefixIcon) {
+      return isRootNode(item) || hasChildNode(item) ? getRootIcon(item) : createVNode(textFile, {
+        "class": resolveClassName("tree-icon")
+      }, null);
+    }
+    return null;
+  };
+  const getLoadingIcon = (item) => item.loading ? createVNode(spinner, null, null) : "";
+  const setNodeOpened = (item) => {
+    const newVal = !isItemOpen(item);
+    setNodeAttr(item, "__isOpen", newVal);
+    if (newVal) {
+      return;
+    }
+    renderData.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).forEach((filterNode) => setNodeAttr(filterNode, "__isOpen", newVal));
+  };
+  const hanldeTreeNodeClick = (item) => {
+    asyncNodeClick(item);
+    if (hasChildNode(item)) {
+      setNodeOpened(item);
+    }
+  };
+  const handleNodeActionClick = (e, node) => {
+    e.stopImmediatePropagation();
+    e.stopPropagation();
+    e.preventDefault();
+    hanldeTreeNodeClick(node);
+  };
+  const handleNodeContentClick = (item) => {
+    if (!checkedNodes.includes(item.__uuid)) {
+      checkedNodes.forEach((__uuid) => setNodeAttr({
+        __uuid
+      }, "__checked", false));
+      checkedNodes.length = 0;
+      setNodeAttr(item, "__checked", true);
+      checkedNodes.push(item.__uuid);
+      if (!isNodeOpened(item)) {
+        hanldeTreeNodeClick(item);
+      }
+      ctx.emit("check", item, getSchemaVal2(item.__uuid));
+    }
+  };
+  const filterNextNode = (depth, node) => {
+    if (isRootNode(node)) {
+      return false;
+    }
+    const nodepath = getNodePath(node);
+    const paths = `${nodepath}`.split("-").slice(0, depth + 1);
+    const currentPath = paths.join("-");
+    if (currentPath === nodepath) {
+      return true;
+    }
+    const lastLevel = paths.pop();
+    const nextLevel = parseInt(lastLevel, 10);
+    paths.push(`${nextLevel + 1}`);
+    const nextNodePath = paths.join("-");
+    return schemaValues.value.some((val) => val.__path === nextNodePath);
+  };
+  const getVirtualLines = (node) => {
+    if (!props.levelLine) {
+      return null;
+    }
+    const getNodeLineStyle = (dpth) => ({
+      "--depth": dpth
+    });
+    const maxDeep = getNodeAttr2(node, "__depth") + 1;
+    return new Array(maxDeep).fill("").map((_2, index) => index).filter((depth) => filterNextNode(depth, node)).filter((depth) => depth > 0).map((index) => createVNode("span", {
+      "class": "node-virtual-line",
+      "style": getNodeLineStyle(maxDeep - index)
+    }, null));
+  };
+  const renderTreeNode = (item) => {
+    var _a, _b, _c, _d, _e;
+    return createVNode("div", {
+      "class": getNodeRowClass(item, flatData.schema)
+    }, [createVNode("div", {
+      "class": getNodeItemClass(item, flatData.schema, props),
+      "style": getNodeItemStyle(item, props, flatData),
+      "onClick": () => handleNodeContentClick(item)
+    }, [createVNode("span", {
+      "class": resolveClassName("node-action"),
+      "onClick": (e) => handleNodeActionClick(e, item)
+    }, [getActionIcon(item)]), createVNode("span", {
+      "class": resolveClassName("node-content")
+    }, [[getNodePrefixIcon(item), getLoadingIcon(item)], createVNode("span", {
+      "class": resolveClassName("node-text")
+    }, [(_e = (_b = (_a = ctx.slots).node) == null ? void 0 : _b.call(_a, item)) != null ? _e : [getLabel(item, props), (_d = (_c = ctx.slots).nodeAppend) == null ? void 0 : _d.call(_c, item)]])]), getVirtualLines(item)])]);
+  };
+  return {
+    renderTreeNode,
+    hanldeTreeNodeClick,
+    deepAutoOpen
+  };
+};
 var Component = defineComponent({
   name: "Tree",
   props: treeProps,
   emits: ["check"],
   setup(props, ctx) {
+    var _a;
     const formatData = getFlatdata(props);
-    const checkedNodes = [];
     const flatData = reactive({
       data: formatData[0],
       schema: formatData[1],
       levelLineSchema: {}
     });
+    const {
+      schemaValues,
+      setNodeAttr,
+      checkNodeIsOpen
+    } = useNodeAttribute(flatData);
+    const renderData = computed(() => flatData.data.filter((item) => checkNodeIsOpen(item)));
+    const {
+      renderTreeNode,
+      hanldeTreeNodeClick,
+      deepAutoOpen
+    } = useNodeAction(props, ctx, flatData, renderData);
+    if ((_a = props.async) == null ? void 0 : _a.callback) {
+      deepAutoOpen();
+    }
     watch(() => [props.data], (newData) => {
+      var _a2, _b;
       const formatData2 = getFlatdata(props, newData, schemaValues.value);
       flatData.data = formatData2[0];
       flatData.schema = formatData2[1];
+      if (((_a2 = props.async) == null ? void 0 : _a2.callback) && ((_b = props.async) == null ? void 0 : _b.deepAutoOpen) === "every") {
+        deepAutoOpen();
+      }
     }, {
       deep: true
     });
-    const schemaValues = computed(() => Array.from(flatData.schema.values()));
-    const getSchemaVal2 = (key) => flatData.schema.get(key);
-    const getNodeAttr2 = (node, attr) => {
-      var _a;
-      return (_a = getSchemaVal2(node.__uuid)) == null ? void 0 : _a[attr];
-    };
-    const setNodeAttr = (node, attr, val) => flatData.schema.set(node.__uuid, __spreadProps(__spreadValues({}, getSchemaVal2(node.__uuid)), {
-      [attr]: val
-    }));
-    const getNodePath = (node) => getNodeAttr2(node, "__path");
-    const isRootNode = (node) => getNodeAttr2(node, "__isRoot");
-    const isNodeOpened = (node) => getNodeAttr2(node, "__isOpen");
-    const hasChildNode = (node) => getNodeAttr2(node, "__hasChild");
-    const renderData = computed(() => flatData.data.filter((item) => checkNodeIsOpen(item)));
-    const isItemOpen = (item) => {
-      var _a;
-      if (typeof item === "object") {
-        return isNodeOpened(item);
-      }
-      if (typeof item === "string") {
-        return (_a = getSchemaVal2(item)) == null ? void 0 : _a.__isOpen;
-      }
-      return false;
-    };
-    const getRootIcon = (item) => isItemOpen(item) ? createVNode(folderShapeOpen, {
-      "class": resolveClassName("tree-icon")
-    }, null) : createVNode(folder, {
-      "class": resolveClassName("tree-icon")
-    }, null);
-    const renderPrefixVal = (val) => {
-      if (typeof val === "string") {
-        return val;
-      }
-      if (typeof val === "object" && val !== null) {
-        if (val.__v_isVNode) {
-          return val;
-        }
-        const {
-          node,
-          className,
-          text,
-          style
-        } = val;
-        return h$1(node, {
-          class: className,
-          style
-        }, text);
-      }
-      return null;
-    };
-    const getActionIcon = (item) => {
-      let prefixFnVal = null;
-      if (typeof props.prefixIcon === "function") {
-        prefixFnVal = props.prefixIcon(isRootNode(item), hasChildNode(item) || item.async, isItemOpen(item), "action", item);
-        if (prefixFnVal !== "default") {
-          return renderPrefixVal(prefixFnVal);
-        }
-      }
-      if (prefixFnVal === "default" || typeof props.prefixIcon === "boolean" && props.prefixIcon) {
-        if (hasChildNode(item) || item.async) {
-          return isItemOpen(item) ? createVNode(downShape, null, null) : createVNode(rightShape, null, null);
+    const setNodeAction = (args, action, value) => {
+      const resolveNodeItem = (node) => {
+        if (typeof node === "string") {
+          return {
+            __uuid: node
+          };
         }
-      }
-      return null;
-    };
-    const getNodePrefixIcon = (item) => {
-      let prefixFnVal = null;
-      if (typeof props.prefixIcon === "function") {
-        prefixFnVal = props.prefixIcon(isRootNode(item), hasChildNode(item) || item.async, isItemOpen(item), "node_type", item);
-        if (prefixFnVal !== "default") {
-          return renderPrefixVal(prefixFnVal);
+        if (Object.prototype.hasOwnProperty.call(node, "__uuid")) {
+          return node;
         }
-      }
-      if (prefixFnVal === "default" || typeof props.prefixIcon === "boolean" && props.prefixIcon) {
-        return isRootNode(item) || hasChildNode(item) ? getRootIcon(item) : createVNode(textFile, {
-          "class": resolveClassName("tree-icon")
-        }, null);
-      }
-      return null;
-    };
-    const getLoadingIcon = (item) => item.loading ? createVNode(spinner, null, null) : "";
-    const setNodeOpened = (item) => {
-      const newVal = !isItemOpen(item);
-      setNodeAttr(item, "__isOpen", newVal);
-      if (newVal) {
+        console.error("setNodeAction Error: cannot find uid for the ndoe item");
+        return node;
+      };
+      if (Array.isArray(args)) {
+        args.forEach((node) => setNodeAttr(resolveNodeItem(node), action, value));
         return;
       }
-      renderData.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).forEach((filterNode) => setNodeAttr(filterNode, "__isOpen", newVal));
+      setNodeAttr(resolveNodeItem(args), action, value);
     };
-    const setNodeRemoteLoad = (resp, item) => {
-      if (typeof resp === "object" && resp !== null) {
-        setNodeAttr(item, "__isOpen", true);
-        const nodeValue = Array.isArray(resp) ? resp : [resp];
-        updateTreeNode(getNodePath(item), props.data, props.children, props.children, nodeValue);
-      }
+    const setOpen = (item, isOpen = true) => {
+      setNodeAction(item, "__isOpen", isOpen);
     };
-    const hanldeTreeNodeClick = (item) => {
-      if (item.async) {
-        const {
-          callback = null,
-          cache = true
-        } = props.async || {};
-        if (typeof callback === "function") {
-          if (item.cached) {
-            return;
-          }
-          Object.assign(item, {
-            loading: true
-          });
-          callback(item, (resp) => setNodeRemoteLoad(resp, item)).then((resp) => setNodeRemoteLoad(resp, item)).catch((err) => console.error("load remote data error:", err)).finally(() => {
-            assignTreeNode(getNodePath(item), props.data, props.children, __spreadValues({
-              loading: false
-            }, cache ? {
-              cached: true
-            } : {}));
-          });
-        } else {
-          console.error("async need to set prop: asyncLoad with function wich will return promise object");
-        }
-      }
-      if (hasChildNode(item)) {
-        setNodeOpened(item);
-      }
-    };
-    const handleNodeActionClick = (e, node) => {
-      e.stopImmediatePropagation();
-      e.stopPropagation();
-      e.preventDefault();
-      hanldeTreeNodeClick(node);
-    };
-    const handleNodeContentClick = (item) => {
-      if (!checkedNodes.includes(item.__uuid)) {
-        checkedNodes.forEach((__uuid) => setNodeAttr({
-          __uuid
-        }, "__checked", false));
-        checkedNodes.length = 0;
-        setNodeAttr(item, "__checked", true);
-        checkedNodes.push(item.__uuid);
-        if (!isNodeOpened(item)) {
-          hanldeTreeNodeClick(item);
-        }
-        ctx.emit("check", item, getSchemaVal2(item.__uuid));
-      }
-    };
-    const checkNodeIsOpen = (node) => isRootNode(node) || isItemOpen(node) || isItemOpen(getNodeAttr2(node, "__parentId"));
-    const filterNextNode = (depth, node) => {
-      if (isRootNode(node)) {
-        return false;
-      }
-      const nodepath = getNodePath(node);
-      const paths = `${nodepath}`.split("-").slice(0, depth + 1);
-      const currentPath = paths.join("-");
-      if (currentPath === nodepath) {
-        return true;
-      }
-      const lastLevel = paths.pop();
-      const nextLevel = parseInt(lastLevel, 10);
-      paths.push(`${nextLevel + 1}`);
-      const nextNodePath = paths.join("-");
-      return schemaValues.value.some((val) => val.__path === nextNodePath);
-    };
-    const getVirtualLines = (node) => {
-      if (!props.levelLine) {
-        return null;
-      }
-      const getNodeLineStyle = (dpth) => ({
-        "--depth": dpth
-      });
-      const maxDeep = getNodeAttr2(node, "__depth") + 1;
-      return new Array(maxDeep).fill("").map((_2, index) => index).filter((depth) => filterNextNode(depth, node)).filter((depth) => depth > 0).map((index) => createVNode("span", {
-        "class": "node-virtual-line",
-        "style": getNodeLineStyle(maxDeep - index)
-      }, null));
+    const setChecked = (item, checked = true) => {
+      setNodeAction(item, "__checked", checked);
     };
+    ctx.expose({
+      hanldeTreeNodeClick,
+      setOpen,
+      setChecked,
+      setNodeAction
+    });
     const root = ref();
     const setNodeTextStyle = () => {
-      var _a;
-      if ((_a = root.value) == null ? void 0 : _a.$el) {
+      var _a2;
+      if ((_a2 = root.value) == null ? void 0 : _a2.$el) {
         const selector = `.${resolveClassName("tree-node")}`;
         const ctxSelector = `.${resolveClassName("node-content")}`;
         Array.prototype.forEach.call(root.value.$el.querySelectorAll(selector), (nodeEl) => {
@@ -20463,45 +20888,15 @@ var Component = defineComponent({
     onUpdated(() => {
       setNodeTextStyle();
     });
-    return {
-      renderData,
-      flatData,
-      root,
-      hanldeTreeNodeClick,
-      handleNodeContentClick,
-      handleNodeActionClick,
-      getActionIcon,
-      getRootIcon,
-      getVirtualLines,
-      getNodePrefixIcon,
-      getLoadingIcon
-    };
-  },
-  render() {
-    const props = this.$props;
-    const renderTreeNode = (item) => createVNode("div", {
-      "class": getNodeRowClass(item, this.flatData.schema)
-    }, [createVNode("div", {
-      "class": getNodeItemClass(item, this.flatData.schema, props),
-      "style": getNodeItemStyle(item, props, this.flatData),
-      "onClick": () => this.handleNodeContentClick(item)
-    }, [createVNode("span", {
-      "class": resolveClassName("node-action"),
-      "onClick": (e) => this.handleNodeActionClick(e, item)
-    }, [this.getActionIcon(item)]), createVNode("span", {
-      "class": resolveClassName("node-content")
-    }, [[this.getNodePrefixIcon(item), this.getLoadingIcon(item)], createVNode("span", {
-      "class": resolveClassName("node-text")
-    }, [getLabel(item, props)])]), this.getVirtualLines(item)])]);
-    return createVNode(BkVirtualRender, {
+    return () => createVNode(BkVirtualRender, {
       "class": resolveClassName("tree"),
       "style": getTreeStyle(null, props),
-      "list": this.renderData,
+      "list": renderData.value,
       "lineHeight": props.lineHeight,
       "enabled": props.virtualRender,
       "contentClassName": resolveClassName("container"),
       "throttleDelay": 0,
-      "ref": "root"
+      "ref": root
     }, {
       default: (scoped) => (scoped.data || []).map(renderTreeNode)
     });
@@ -20873,6 +21268,129 @@ var FormItem = defineComponent({
   }
 });
 const BkForm = withInstallProps(Form, { FormItem, ComposeFormItem });
+const colProps = {
+  span: PropTypes.number.def(1),
+  offset: PropTypes.number.def(0),
+  pull: PropTypes.number.def(0),
+  push: PropTypes.number.def(0)
+};
+var Col = defineComponent({
+  name: "Row",
+  props: colProps,
+  emits: [],
+  setup(props, ctx) {
+    const {
+      col,
+      gutter,
+      flex
+    } = inject("containerProps");
+    const {
+      span,
+      offset: offset2,
+      pull,
+      push
+    } = props;
+    const realSpan = computed(() => span || col);
+    provide("containerProps", {
+      col: realSpan.value,
+      gutter,
+      flex
+    });
+    const formatPercentage = function(val) {
+      return `${Number((val * 100).toFixed(3))}%`;
+    };
+    const style = computed(() => ({
+      width: formatPercentage(realSpan.value / col),
+      "padding-right": `${gutter / 2}px`,
+      "padding-left": `${gutter / 2}px`,
+      "margin-left": offset2 ? formatPercentage(offset2 / col) : null,
+      right: pull ? formatPercentage(pull / col) : null,
+      left: push ? formatPercentage(push / col) : null
+    }));
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": "bk-grid-col",
+        "style": style.value
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+const containerProps = {
+  col: PropTypes.number.def(24),
+  gutter: PropTypes.number.def(20),
+  margin: PropTypes.number.def(20),
+  flex: PropTypes.bool.def(false),
+  extCls: PropTypes.string
+};
+var Container = defineComponent({
+  name: "Container",
+  props: containerProps,
+  emits: [],
+  setup(props, ctx) {
+    const {
+      col,
+      gutter,
+      flex,
+      extCls
+    } = props;
+    provide("containerProps", {
+      col,
+      gutter,
+      flex
+    });
+    const classes2 = computed(() => extCls ? `bk-grid-container ${extCls}` : "bk-grid-container");
+    const style = computed(() => {
+      const {
+        margin
+      } = props;
+      return {
+        "padding-right": `${margin}px`,
+        "padding-left": `${margin}px`
+      };
+    });
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": classes2.value,
+        "style": style.value
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+var Row = defineComponent({
+  name: "Row",
+  emits: [],
+  setup(_props, ctx) {
+    const {
+      col,
+      gutter,
+      flex
+    } = inject("containerProps");
+    provide("containerProps", {
+      col,
+      gutter,
+      flex
+    });
+    const style = computed(() => {
+      const o2 = flex ? {
+        display: ["-webkit-box", "-ms-flexbox", "flex"]
+      } : {};
+      return __spreadProps(__spreadValues({}, o2), {
+        "margin-right": `-${gutter / 2}px`,
+        "margin-left": `-${gutter / 2}px`
+      });
+    });
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": "bk-grid-row",
+        "style": style.value
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+const BkContainer = withInstallProps(Container, { Row, Col });
 var Dropdown = defineComponent({
   name: "BkDropdown",
   props: {
@@ -21051,6 +21569,9 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Form: BkForm,
   FormItem,
   Pagination: BkPagination,
+  Container: BkContainer,
+  Row,
+  Col,
   Dropdown: BkDropdown,
   DropdownMenu,
   DropdownItem
@@ -21071,4 +21592,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, BkCheckboxGroup as CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };
+export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, BkCheckboxGroup as CheckboxGroup, Col, BkCollaspe as Collapse, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, Row, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };