bkui-vue 0.0.2-beta.14 → 0.0.2-beta.141

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.d.ts

@@ -10,8 +10,8 @@ declare const BkFixedNavbar: {
             class?: unknown;
             style?: unknown;
             onClick?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/fixed-navbar/index.js

@@ -1 +1,155 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../config-provider"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../config-provider")):o(e["../shared"],e.vue,e["../config-provider"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={2717:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{default:()=>n});var e=i(4212),o=i(748),t=i(2717);const r=(0,o.defineComponent)({name:"FixedNavbar",props:{navItems:e.PropTypes.array.def([]),extCls:e.PropTypes.string.def(""),position:e.PropTypes.oneOf(["middle","top","bottom"]).def("middle"),modelValue:e.PropTypes.bool.def(!0)},emits:["update:modelValue","click"],setup:function(r,n){var i=this,a=n.emit,s=r.navItems.map((function(e){return Object.assign({tooltip:{disabled:!0},action:function(){},icon:"",text:""},e)})),d=e.bkZIndexManager.getModalNextIndex(),c=function(e){a("click",e),e.action()},p=(0,t.usePrefix)().resolveClassName;return function(){return r.modelValue&&(0,o.createVNode)("div",{class:"".concat(p("fixed-navbar")," ").concat(r.extCls," ").concat(r.position),style:{zIndex:d}},[s.map((function(e){return(0,o.createVNode)("div",{class:"fixed-navbar-item",onClick:c.bind(i,e)},[e.icon?(0,o.createVNode)("i",{class:"".concat(e.icon," icon")},null):"",e.text?(0,o.createVNode)("span",{class:"text"},[e.text]):""])}))])}}}),n=(0,e.withInstall)(r)})(),a})()));
+import "./fixed-navbar.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ 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 shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.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 config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.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: shared_namespaceObject.PropTypes.array.def([]),
+    extCls: shared_namespaceObject.PropTypes.string.def(''),
+    position: shared_namespaceObject.PropTypes.oneOf(['middle', 'top', 'bottom']).def('middle'),
+    modelValue: 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 = shared_namespaceObject.bkZIndexManager.getModalNextIndex();
+    var handleClick = function handleClick(item) {
+      emit('click', item);
+      item.action();
+    };
+    var _usePrefix = (0,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,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;

package/lib/form/index.d.ts

@@ -19,8 +19,8 @@ declare const BkForm: {
             class?: unknown;
             style?: unknown;
             onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -357,5 +357,5 @@ declare const BkForm: {
     }, {}>;
 }>;
 export default BkForm;
-export { BkForm, FormItem as BkFormItem, ComposeFormItem as BkComposeFormItem, formItemKey, formKey, useFormItem, };
-export type { formProps, };
+export { BkForm, FormItem as BkFormItem, ComposeFormItem as BkComposeFormItem, formItemKey, formKey, useFormItem };
+export type { formProps };