bkui-vue 0.0.1-beta.57 → 0.0.1-beta.58

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,
@@ -9276,8 +9303,8 @@ var Component$m = defineComponent({
 const BkCollaspe = withInstall(Component$m);
 const propsMixin$1 = {
   isShow: PropTypes.bool.def(false),
-  width: PropTypes.string || PropTypes.number,
-  height: PropTypes.string || PropTypes.number,
+  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),
@@ -9286,7 +9313,8 @@ const propsMixin$1 = {
   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)
+  draggable: PropTypes.bool.def(true),
+  dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation")
 };
 var Component$l = defineComponent({
   name: "Modal",
@@ -9336,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.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({
@@ -9362,17 +9397,21 @@ var Component$k = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, propsMixin$1), {
-    width: PropTypes.string.def("null") || PropTypes.number.def(),
-    height: PropTypes.string.def("null") || PropTypes.number.def(),
+    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"],
+  emits: ["closed", "update:isShow", "confirm", "prev", "next"],
   setup(props, {
     emit
   }) {
@@ -9419,6 +9458,12 @@ var Component$k = defineComponent({
         }
       }
     };
+    const handlePrevStep = () => {
+      emit("prev");
+    };
+    const handleNextStep = () => {
+      emit("next");
+    };
     const moveHandler = (e) => {
       if (props.fullscreen) {
         return false;
@@ -9465,7 +9510,9 @@ var Component$k = defineComponent({
       handleClose,
       handleConfirm,
       escCloseHandler,
-      moveHandler
+      moveHandler,
+      handlePrevStep,
+      handleNextStep
     };
   },
   render() {
@@ -9490,29 +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,
           "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, this.fullscreen ? "bk-model-fullscreen" : this.size],
       "style": this.data.moveStyle
-    }), _isSlot$4(dialogSlot) ? dialogSlot : {
+    }), _isSlot$5(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -9949,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({
@@ -10014,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]
       });
     }
@@ -11669,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 {
@@ -11730,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]
     });
   }
@@ -12011,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;
@@ -12213,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", {
@@ -12289,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) {
@@ -12505,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 = () => {
@@ -12552,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}`
@@ -12975,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({
@@ -13062,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
@@ -13139,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;
@@ -13165,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", {
@@ -13290,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({
@@ -13305,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
@@ -13344,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)
       });
@@ -13355,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);
@@ -13364,6 +13657,10 @@ 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
   });
@@ -13414,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",
@@ -13428,6 +13725,7 @@ var Component$4 = defineComponent({
     let columnFilterFn = null;
     let observerIns = null;
     const root = ref();
+    const refVirtualRender = ref();
     const {
       activeColumns
     } = useActiveColumns(props);
@@ -13444,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(() => {
@@ -13466,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];
@@ -13490,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.value
-    }, [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);
@@ -14977,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();
@@ -20344,19 +20660,18 @@ var Component = defineComponent({
           cache = true
         } = props.async || {};
         if (typeof callback === "function") {
-          if (item.cached) {
-            return;
+          if (!item.cached) {
+            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
+              } : {}));
+            });
           }
-          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");
         }
@@ -20453,20 +20768,23 @@ var Component = defineComponent({
   },
   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)])]);
+    const renderTreeNode = (item) => {
+      var _a, _b, _c, _d, _e;
+      return 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")
+      }, [(_e = (_b = (_a = this.$slots).node) == null ? void 0 : _b.call(_a, item)) != null ? _e : [getLabel(item, props), (_d = (_c = this.$slots).nodeAppend) == null ? void 0 : _d.call(_c, item)]])]), this.getVirtualLines(item)])]);
+    };
     return createVNode(BkVirtualRender, {
       "class": resolveClassName("tree"),
       "style": getTreeStyle(null, props),
@@ -20847,6 +21165,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: {
@@ -21025,6 +21466,9 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Form: BkForm,
   FormItem,
   Pagination: BkPagination,
+  Container: BkContainer,
+  Row,
+  Col,
   Dropdown: BkDropdown,
   DropdownMenu,
   DropdownItem
@@ -21045,4 +21489,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 };