bkui-vue 0.0.2-beta.81 → 0.0.2-beta.82

package/lib/container/index.js

@@ -1,391 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  m1: () => (/* reexport */ col),
-  gi: () => (/* binding */ BkContainer),
-  S9: () => (/* reexport */ row),
-  ZP: () => (/* binding */ src)
-});
-
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
-;// CONCATENATED MODULE: external "vue"
-var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide });
-;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
-;// CONCATENATED MODULE: ../../packages/container/src/interface.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-var containerKey = Symbol('containerProps');
-;// CONCATENATED MODULE: ../../packages/container/src/col.tsx
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-
-var colProps = {
-  // 栅格的占位格数，可选值为 0~24 的整数，为 0 时，则为 col 相当于 width: 100%
-  span: external_shared_namespaceObject.PropTypes.number.def(1),
-  // 栅格的偏移
-  offset: external_shared_namespaceObject.PropTypes.number.def(0),
-  // 栅格向左移动格数
-  pull: external_shared_namespaceObject.PropTypes.number.def(0),
-  // 栅格向右移动格数
-  push: external_shared_namespaceObject.PropTypes.number.def(0)
-};
-/* harmony default export */ const col = ((0,external_vue_namespaceObject.defineComponent)({
-  // eslint-disable-next-line vue/no-reserved-component-names
-  name: 'Col',
-  props: colProps,
-  emits: [],
-  setup: function setup(props, ctx) {
-    var _inject = (0,external_vue_namespaceObject.inject)(containerKey),
-      col = _inject.col,
-      gutter = _inject.gutter,
-      flex = _inject.flex;
-    var span = props.span,
-      offset = props.offset,
-      pull = props.pull,
-      push = props.push;
-    var realSpan = (0,external_vue_namespaceObject.computed)(function () {
-      return span || col;
-    });
-    (0,external_vue_namespaceObject.provide)('containerProps', {
-      col: realSpan.value,
-      gutter: gutter,
-      flex: flex
-    });
-    var formatPercentage = function formatPercentage(val) {
-      return "".concat(Number((val * 100).toFixed(3)), "%");
-    };
-    var style = (0,external_vue_namespaceObject.computed)(function () {
-      return {
-        width: formatPercentage(realSpan.value / col),
-        'padding-right': "".concat(gutter / 2, "px"),
-        'padding-left': "".concat(gutter / 2, "px"),
-        'margin-left': offset ? formatPercentage(offset / col) : null,
-        right: pull ? formatPercentage(pull / col) : null,
-        left: push ? formatPercentage(push / col) : null
-      };
-    });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    return function () {
-      var _ctx$slots$default, _ctx$slots;
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('grid-col')),
-        "style": style.value
-      }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/container/src/container.tsx
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-
-var containerProps = {
-  // 栅格数，默认 24
-  col: external_shared_namespaceObject.PropTypes.number.def(24),
-  // 栅格间距，单位 px，左右平分
-  gutter: external_shared_namespaceObject.PropTypes.number.def(20),
-  // 栅格容器的左右外边距
-  margin: external_shared_namespaceObject.PropTypes.number.def(20),
-  // 控制 row 是否使用 flex 布局
-  flex: external_shared_namespaceObject.PropTypes.bool.def(false),
-  // 外部设置的 class name
-  extCls: external_shared_namespaceObject.PropTypes.string
-};
-/* harmony default export */ const container = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'Container',
-  props: containerProps,
-  emits: [],
-  setup: function setup(props, ctx) {
-    var col = props.col,
-      gutter = props.gutter,
-      flex = props.flex,
-      extCls = props.extCls;
-    (0,external_vue_namespaceObject.provide)(containerKey, {
-      col: col,
-      gutter: gutter,
-      flex: flex
-    });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    var classes = (0,external_vue_namespaceObject.computed)(function () {
-      return extCls ? "".concat(resolveClassName('grid-container'), " ").concat(extCls) : "".concat(resolveClassName('grid-container'));
-    });
-    var style = (0,external_vue_namespaceObject.computed)(function () {
-      var margin = props.margin;
-      return {
-        'padding-right': "".concat(margin, "px"),
-        'padding-left': "".concat(margin, "px")
-      };
-    });
-    return function () {
-      var _ctx$slots$default, _ctx$slots;
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": classes.value,
-        "style": style.value
-      }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-;// CONCATENATED MODULE: ../../packages/container/src/row.tsx
-
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-/* harmony default export */ const row = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'Row',
-  emits: [],
-  setup: function setup(_props, ctx) {
-    var _inject = (0,external_vue_namespaceObject.inject)(containerKey),
-      col = _inject.col,
-      gutter = _inject.gutter,
-      flex = _inject.flex;
-    (0,external_vue_namespaceObject.provide)('containerProps', {
-      col: col,
-      gutter: gutter,
-      flex: flex
-    });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    var style = (0,external_vue_namespaceObject.computed)(function () {
-      var o = flex ? {
-        display: ['-webkit-box', '-ms-flexbox', 'flex']
-      } : {};
-      return _objectSpread(_objectSpread({}, o), {}, {
-        'margin-right': "-".concat(gutter / 2, "px"),
-        'margin-left': "-".concat(gutter / 2, "px")
-      });
-    });
-    return function () {
-      var _ctx$slots$default, _ctx$slots;
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('grid-row')),
-        "style": style.value
-      }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots)]);
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/container/src/index.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-
-var BkContainer = (0,external_shared_namespaceObject.withInstallProps)(container, {
-  Row: row,
-  Col: col
-});
-/* harmony default export */ const src = (BkContainer);
-
-var __webpack_exports__BkCol = __webpack_exports__.m1;
-var __webpack_exports__BkContainer = __webpack_exports__.gi;
-var __webpack_exports__BkRow = __webpack_exports__.S9;
-var __webpack_exports__default = __webpack_exports__.ZP;
-export { __webpack_exports__BkCol as BkCol, __webpack_exports__BkContainer as BkContainer, __webpack_exports__BkRow as BkRow, __webpack_exports__default as default };
+import*as e from"../shared";import*as r from"vue";import*as t from"../config-provider";var o={d:(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r)},n={};o.d(n,{m1:()=>d,gi:()=>g,S9:()=>v,ZP:()=>x});const a=(i={PropTypes:()=>e.PropTypes,withInstallProps:()=>e.withInstallProps},l={},o.d(l,i),l);var i,l;const s=(e=>{var r={};return o.d(r,e),r})({computed:()=>r.computed,createVNode:()=>r.createVNode,defineComponent:()=>r.defineComponent,inject:()=>r.inject,provide:()=>r.provide}),c=(e=>{var r={};return o.d(r,e),r})({usePrefix:()=>t.usePrefix});var p=Symbol("containerProps"),u={span:a.PropTypes.number.def(1),offset:a.PropTypes.number.def(0),pull:a.PropTypes.number.def(0),push:a.PropTypes.number.def(0)};const d=(0,s.defineComponent)({name:"Col",props:u,emits:[],setup:function(e,r){var t=(0,s.inject)(p),o=t.col,n=t.gutter,a=t.flex,i=e.span,l=e.offset,u=e.pull,d=e.push,f=(0,s.computed)((function(){return i||o}));(0,s.provide)("containerProps",{col:f.value,gutter:n,flex:a});var m=function(e){return"".concat(Number((100*e).toFixed(3)),"%")},v=(0,s.computed)((function(){return{width:m(f.value/o),"padding-right":"".concat(n/2,"px"),"padding-left":"".concat(n/2,"px"),"margin-left":l?m(l/o):null,right:u?m(u/o):null,left:d?m(d/o):null}})),g=(0,c.usePrefix)().resolveClassName;return function(){var e,t;return(0,s.createVNode)("div",{class:"".concat(g("grid-col")),style:v.value},[null===(t=(e=r.slots).default)||void 0===t?void 0:t.call(e)])}}});var f={col:a.PropTypes.number.def(24),gutter:a.PropTypes.number.def(20),margin:a.PropTypes.number.def(20),flex:a.PropTypes.bool.def(!1),extCls:a.PropTypes.string};const m=(0,s.defineComponent)({name:"Container",props:f,emits:[],setup:function(e,r){var t=e.col,o=e.gutter,n=e.flex,a=e.extCls;(0,s.provide)(p,{col:t,gutter:o,flex:n});var i=(0,c.usePrefix)().resolveClassName,l=(0,s.computed)((function(){return a?"".concat(i("grid-container")," ").concat(a):"".concat(i("grid-container"))})),u=(0,s.computed)((function(){var r=e.margin;return{"padding-right":"".concat(r,"px"),"padding-left":"".concat(r,"px")}}));return function(){var e,t;return(0,s.createVNode)("div",{class:l.value,style:u.value},[null===(t=(e=r.slots).default)||void 0===t?void 0:t.call(e)])}}}),v=(0,s.defineComponent)({name:"Row",emits:[],setup:function(e,r){var t=(0,s.inject)(p),o=t.col,n=t.gutter,a=t.flex;(0,s.provide)("containerProps",{col:o,gutter:n,flex:a});var i=(0,c.usePrefix)().resolveClassName,l=(0,s.computed)((function(){var e=a?{display:["-webkit-box","-ms-flexbox","flex"]}:{};return Object.assign(Object.assign({},e),{"margin-right":"-".concat(n/2,"px"),"margin-left":"-".concat(n/2,"px")})}));return function(){var e,t;return(0,s.createVNode)("div",{class:"".concat(i("grid-row")),style:l.value},[null===(t=(e=r.slots).default)||void 0===t?void 0:t.call(e)])}}});var g=(0,a.withInstallProps)(m,{Row:v,Col:d});const x=g;var P=n.m1,y=n.gi,b=n.S9,C=n.ZP;export{P as BkCol,y as BkContainer,b as BkRow,C as default};