bkui-vue 0.0.2-table-refactor.8 → 0.0.3-beta.1

package/lib/fixed-navbar/fixed-navbar.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;

package/lib/fixed-navbar/index.js

@@ -1 +1,154 @@
-import*as e from"../shared";import*as t from"vue";import*as o from"../config-provider";var n={d:(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};n.d(a,{Z:()=>p});const r=(i={PropTypes:()=>e.PropTypes,bkZIndexManager:()=>e.bkZIndexManager,withInstall:()=>e.withInstall},s={},n.d(s,i),s);var i,s;const d=(e=>{var t={};return n.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent}),c=(e=>{var t={};return n.d(t,e),t})({usePrefix:()=>o.usePrefix}),l=(0,d.defineComponent)({name:"FixedNavbar",props:{navItems:r.PropTypes.array.def([]),extCls:r.PropTypes.string.def(""),position:r.PropTypes.oneOf(["middle","top","bottom"]).def("middle"),modelValue:r.PropTypes.bool.def(!0)},emits:["update:modelValue","click"],setup:function(e,t){var o=this,n=t.emit,a=e.navItems.map((function(e){return Object.assign({tooltip:{disabled:!0},action:function(){},icon:"",text:""},e)})),i=r.bkZIndexManager.getModalNextIndex(),s=function(e){n("click",e),e.action()},l=(0,c.usePrefix)().resolveClassName;return function(){return e.modelValue&&(0,d.createVNode)("div",{class:"".concat(l("fixed-navbar")," ").concat(e.extCls," ").concat(e.position),style:{zIndex:i}},[a.map((function(e){return(0,d.createVNode)("div",{class:"fixed-navbar-item",onClick:s.bind(o,e)},[e.icon?(0,d.createVNode)("i",{class:"".concat(e.icon," icon")},null):"",e.text?(0,d.createVNode)("span",{class:"text"},[e.text]):""])}))])}}}),p=(0,r.withInstall)(l);var f=a.Z;export{f as default};
+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__, {
+  Z: () => (/* 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, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// 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({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent });
+;// 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/fixed-navbar/src/fixed-navbar.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.
+ */
+
+
+
+/* harmony default export */ const fixed_navbar = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'FixedNavbar',
+  props: {
+    navItems: external_shared_namespaceObject.PropTypes.array.def([]),
+    extCls: external_shared_namespaceObject.PropTypes.string.def(''),
+    position: external_shared_namespaceObject.PropTypes.oneOf(['middle', 'top', 'bottom']).def('middle'),
+    modelValue: external_shared_namespaceObject.PropTypes.bool.def(true)
+  },
+  emits: ['update:modelValue', 'click'],
+  setup: function setup(props, _ref) {
+    var _this = this;
+    var emit = _ref.emit;
+    var navConfig = props.navItems.map(function (item) {
+      return Object.assign({
+        tooltip: {
+          disabled: true
+        },
+        action: function action() {},
+        icon: '',
+        text: ''
+      }, item);
+    });
+    var zIndex = external_shared_namespaceObject.bkZIndexManager.getModalNextIndex();
+    var handleClick = function handleClick(item) {
+      emit('click', item);
+      item.action();
+    };
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    return function () {
+      return props.modelValue && (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": "".concat(resolveClassName('fixed-navbar'), " ").concat(props.extCls, " ").concat(props.position),
+        "style": {
+          zIndex: zIndex
+        }
+      }, [navConfig.map(function (item) {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "fixed-navbar-item",
+          "onClick": handleClick.bind(_this, item)
+        }, [item.icon ? (0,external_vue_namespaceObject.createVNode)("i", {
+          "class": "".concat(item.icon, " icon")
+        }, null) : '', item.text ? (0,external_vue_namespaceObject.createVNode)("span", {
+          "class": "text"
+        }, [item.text]) : '']);
+      })]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/fixed-navbar/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 BkFixedNavbar = (0,external_shared_namespaceObject.withInstall)(fixed_navbar);
+/* harmony default export */ const src = (BkFixedNavbar);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/form/form.css

@@ -35,6 +35,7 @@
 }
 .bk-form-item.is-error .bk-input,
 .bk-form-item.is-error .bk-textarea,
+.bk-form-item.is-error .bk-cascader,
 .bk-form-item.is-error .bk-date-picker-editor,
 .bk-form-item.is-error .bk-tag-input {
   border-color: #ea3636;
@@ -51,7 +52,7 @@
 .bk-form-label {
   position: relative;
   float: left;
-  padding-right: 24px;
+  padding-right: 22px;
   font-size: 14px;
   font-weight: normal;
   line-height: 32px;

package/lib/form/form.less

@@ -51,6 +51,7 @@
   &.is-error {
     .@{bk-prefix}-input,
     .@{bk-prefix}-textarea,
+    .@{bk-prefix}-cascader,
     .@{bk-prefix}-date-picker-editor,
     .@{bk-prefix}-tag-input {
       border-color: #ea3636;
@@ -72,7 +73,7 @@
 .@{bk-prefix}-form-label {
   position: relative;
   float: left;
-  padding-right: 24px;
+  padding-right: 22px;
   font-size: 14px;
   font-weight: normal;
   line-height: 32px;
@@ -181,4 +182,4 @@
       border-bottom-right-radius: 2px;
     }
   }
-}
+}

package/lib/form/form.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;
@@ -157,6 +161,7 @@
 }
 .bk-form-item.is-error .bk-input,
 .bk-form-item.is-error .bk-textarea,
+.bk-form-item.is-error .bk-cascader,
 .bk-form-item.is-error .bk-date-picker-editor,
 .bk-form-item.is-error .bk-tag-input {
   border-color: #ea3636;
@@ -173,7 +178,7 @@
 .bk-form-label {
   position: relative;
   float: left;
-  padding-right: 24px;
+  padding-right: 22px;
   font-size: 14px;
   font-weight: normal;
   line-height: 32px;