bkui-vue 0.0.1-beta.35 → 0.0.1-beta.38

package/lib/steps/steps.css

@@ -1,288 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-@keyframes loadingCircle {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.bk-steps {
-  display: flex;
-  width: 100%;
-  font-size: 0;
-}
-.bk-steps .icon-circle-4-1 {
-  width: 12px;
-  height: 12px;
-  border: 2px solid #fff;
-  border-right: 0;
-  border-bottom: 0;
-  border-left: 0;
-  border-radius: 7px;
-}
-.bk-steps .bk-icon {
-  font-size: 24px;
-  line-height: 24px;
-}
-.bk-steps .bk-icon.icon-loading {
-  display: inline-block;
-  font-size: 14px;
-  animation: loadingCircle 1s infinite linear;
-}
-.bk-steps .bk-step {
-  position: relative;
-  margin-right: 8px;
-  overflow: hidden;
-  text-align: left;
-  white-space: nowrap;
-  flex: 1;
-}
-.bk-steps .bk-step .bk-step-indicator {
-  z-index: 1;
-  display: inline-flex;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  margin-right: 8px;
-  line-height: 24px;
-  color: #979ba5;
-  text-align: center;
-  vertical-align: top;
-  background-color: #fff;
-  border: 1px solid #979ba5;
-  border-radius: 50%;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-}
-.bk-steps .bk-step .bk-step-number {
-  font-family: arial;
-  font-size: 14px;
-}
-.bk-steps .bk-step .bk-step-content {
-  display: inline-block;
-  vertical-align: top;
-}
-.bk-steps .bk-step .bk-step-title {
-  position: relative;
-  display: inline-block;
-  padding-right: 8px;
-  font-size: 14px;
-  line-height: 24px;
-  color: #63656e;
-  word-break: break-all;
-}
-.bk-steps .bk-step .bk-step-title::after {
-  position: absolute;
-  top: 12px;
-  left: 100%;
-  width: 99999px;
-  height: 1px;
-  background-color: transparent;
-  content: '';
-}
-.bk-steps .bk-step .bk-step-description {
-  max-width: 140px;
-  font-size: 12px;
-  color: #979ba5;
-  white-space: normal;
-}
-.bk-steps .bk-step.bk-step-no-content .bk-step-indicator {
-  margin-right: 0;
-}
-.bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
-  position: absolute;
-  top: 12px;
-  left: 100%;
-  width: 99999px;
-  height: 1px;
-  background-color: transparent;
-  content: '';
-}
-.bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
-  top: 10px;
-  left: 32px;
-}
-.bk-steps .bk-step:last-child {
-  margin-right: 0;
-  flex: none;
-}
-.bk-steps .bk-step:last-child .bk-step-title {
-  padding-right: 0;
-}
-.bk-steps .bk-step:last-child .bk-step-title::after {
-  display: none;
-}
-.bk-steps .bk-step.done .bk-step-title,
-.bk-steps .bk-step.done .bk-step-description {
-  color: #63656e;
-}
-.bk-steps .bk-step.done .bk-steps-icon {
-  font-size: 22px;
-}
-.bk-steps .bk-step.current .bk-step-number,
-.bk-steps .bk-step.current .bk-step-icon,
-.bk-steps .bk-step.current .bk-step-text {
-  border-width: 2px;
-}
-.bk-steps .bk-step.current .bk-step-title,
-.bk-steps .bk-step.current .bk-step-description {
-  color: #63656e;
-}
-.bk-steps .bk-step.current.bk-step-error .bk-step-indicator {
-  background-color: #ea3636;
-  border-color: #ea3636;
-}
-.bk-steps .bk-step.current.bk-step-error .bk-step-title,
-.bk-steps .bk-step.current.bk-step-error .bk-step-description {
-  color: #ea3636;
-}
-.bk-steps-primary .bk-step.done .bk-step-number,
-.bk-steps-primary .bk-step.done .bk-step-icon,
-.bk-steps-primary .bk-step.done .bk-step-text {
-  color: #3a84ff;
-  border-color: #3a84ff;
-}
-.bk-steps-primary .bk-step.done .bk-step-title::after,
-.bk-steps-primary .bk-step.done .bk-step-indicator::after {
-  background-image: linear-gradient(to right, #3a84ff 50%, transparent 0%);
-}
-.bk-steps-primary .bk-step.done::after {
-  background-image: linear-gradient(#3a84ff 50%, transparent 0%);
-}
-.bk-steps-primary .bk-step.current .bk-step-number,
-.bk-steps-primary .bk-step.current .bk-step-icon,
-.bk-steps-primary .bk-step.current .bk-step-text {
-  color: #fff;
-  background-color: #3a84ff;
-  border-color: #3a84ff;
-}
-.bk-steps-warning .bk-step.done .bk-step-number,
-.bk-steps-warning .bk-step.done .bk-step-icon,
-.bk-steps-warning .bk-step.done .bk-step-text {
-  color: #ff9c01;
-  border-color: #ff9c01;
-}
-.bk-steps-warning .bk-step.done .bk-step-title::after,
-.bk-steps-warning .bk-step.done .bk-step-indicator::after {
-  background-image: linear-gradient(to right, #ff9c01 50%, transparent 0%);
-}
-.bk-steps-warning .bk-step.done::after {
-  background-image: linear-gradient(#ff9c01 50%, transparent 0%);
-}
-.bk-steps-warning .bk-step.current .bk-step-number,
-.bk-steps-warning .bk-step.current .bk-step-icon,
-.bk-steps-warning .bk-step.current .bk-step-text {
-  color: #fff;
-  background-color: #ff9c01;
-  border-color: #ff9c01;
-}
-.bk-steps-success .bk-step.done .bk-step-number,
-.bk-steps-success .bk-step.done .bk-step-icon,
-.bk-steps-success .bk-step.done .bk-step-text {
-  color: #2dcb56;
-  border-color: #2dcb56;
-}
-.bk-steps-success .bk-step.done .bk-step-title::after,
-.bk-steps-success .bk-step.done .bk-step-indicator::after {
-  background-image: linear-gradient(to right, #2dcb56 50%, transparent 0%);
-}
-.bk-steps-success .bk-step.done::after {
-  background-image: linear-gradient(#2dcb56 50%, transparent 0%);
-}
-.bk-steps-success .bk-step.current .bk-step-number,
-.bk-steps-success .bk-step.current .bk-step-icon,
-.bk-steps-success .bk-step.current .bk-step-text {
-  color: #fff;
-  background-color: #2dcb56;
-  border-color: #2dcb56;
-}
-.bk-steps-danger .bk-step.done .bk-step-number,
-.bk-steps-danger .bk-step.done .bk-step-icon,
-.bk-steps-danger .bk-step.done .bk-step-text {
-  color: #ea3636;
-  border-color: #ea3636;
-}
-.bk-steps-danger .bk-step.done .bk-step-title::after,
-.bk-steps-danger .bk-step.done .bk-step-indicator::after {
-  background-image: linear-gradient(to right, #ea3636 50%, transparent 0%);
-}
-.bk-steps-danger .bk-step.done::after {
-  background-image: linear-gradient(#ea3636 50%, transparent 0%);
-}
-.bk-steps-danger .bk-step.current .bk-step-number,
-.bk-steps-danger .bk-step.current .bk-step-icon,
-.bk-steps-danger .bk-step.current .bk-step-text {
-  color: #fff;
-  background-color: #ea3636;
-  border-color: #ea3636;
-}
-.bk-steps-dashed .bk-step .bk-step-title::after,
-.bk-steps-dashed .bk-step .bk-step-indicator::after {
-  background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
-  background-position: bottom;
-  background-repeat: repeat-x;
-  background-size: 6px 1px;
-}
-.bk-steps-solid .bk-step .bk-step-title::after,
-.bk-steps-solid .bk-step .bk-step-indicator::after {
-  background-color: #c4c6cc;
-}
-.bk-steps-vertical {
-  flex-direction: column;
-  height: 100%;
-}
-.bk-steps-vertical .bk-step {
-  margin-right: 0;
-  margin-bottom: 8px;
-}
-.bk-steps-vertical .bk-step .bk-step-title::after,
-.bk-steps-vertical .bk-step .bk-step-indicator::after {
-  display: none;
-}
-.bk-steps-vertical .bk-step::after {
-  position: absolute;
-  top: 32px;
-  left: 12px;
-  width: 1px;
-  height: 100%;
-  background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
-  background-position: right;
-  background-repeat: repeat-y;
-  background-size: 1px 6px;
-  content: '';
-}
-.bk-steps-vertical .bk-step .bk-step-title {
-  display: flex;
-  height: 100%;
-  margin-top: 0;
-  text-align: left;
-  align-items: center;
-}
-.bk-steps-small .bk-step .bk-step-indicator {
-  width: 20px;
-  height: 20px;
-  line-height: 20px;
-}
-.bk-steps-small .bk-step .bk-step-title {
-  font-size: 12px;
-  line-height: 20px;
-}
-.bk-steps-small .bk-step .bk-step-number {
-  font-size: 12px;
-}
-.bk-steps-small .bk-step .bk-icon {
-  font-size: 20px;
-  line-height: 24px;
-}
-.bk-steps-small .bk-step::after {
-  top: 28px;
-  left: 10px;
-}
-.bk-steps-small .bk-step .bk-step-title::after {
-  top: 10px;
-}
-.bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
-  top: 8px;
-  left: 28px;
-}

package/lib/steps/steps.d.ts

@@ -1,161 +0,0 @@
-/**
- * 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.
- */
-import { ExtractPropTypes } from 'vue';
-declare const stepsProps: {
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    size: import("vue-types").VueTypeDef<string>;
-    curStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    controllable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    direction: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    status: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    lineType: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    steps: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
-    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
-};
-export declare type StepsPropTypes = ExtractPropTypes<typeof stepsProps>;
-declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    size: import("vue-types").VueTypeDef<string>;
-    curStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    controllable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    direction: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    status: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    lineType: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    steps: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
-    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
-}, {
-    defaultSteps: import("vue").Ref<any[]>;
-    jumpTo: (index: any) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curStep")[], "click" | "update:curStep", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    size: import("vue-types").VueTypeDef<string>;
-    curStep: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    controllable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    direction: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    status: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    lineType: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    text: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    steps: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
-    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
-    };
-}>> & {
-    onClick?: (...args: any[]) => any;
-    "onUpdate:curStep"?: (...args: any[]) => any;
-}, {
-    text: boolean;
-    theme: string;
-    extCls: string;
-    direction: string;
-    beforeChange: (...args: any[]) => any;
-    lineType: string;
-    controllable: boolean;
-    status: string;
-    curStep: number;
-    steps: unknown[];
-}>;
-export default _default;

package/lib/steps/steps.js

@@ -1 +0,0 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("@babel/runtime/regenerator"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","@babel/runtime/regenerator","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("@babel/runtime/regenerator"),require("../icon")):t(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["@babel/runtime/regenerator"],e["../icon"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o)=>(()=>{"use strict";var i={6870:e=>{e.exports=o},4212:t=>{t.exports=e},311:e=>{e.exports=t},8395:e=>{e.exports=n},748:e=>{e.exports=r}},s={};function c(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return i[e](r,r.exports,c),r.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{c.r(a),c.d(a,{default:()=>d});var e=c(4212),t=c(311),r=c.n(t),n=c(748),o=c(8395),i=c.n(o);function s(e,t,r,n){return new(r||(r=Promise))((function(o,i){function s(e){try{a(n.next(e))}catch(e){i(e)}}function c(e){try{a(n.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,c)}a((n=n.apply(e,t||[])).next())}))}Object.create,Object.create;var u=c(6870),p={theme:e.PropTypes.theme().def("primary"),size:e.PropTypes.size(),curStep:e.PropTypes.number.def(1),controllable:e.PropTypes.bool.def(!1),direction:e.PropTypes.commonType(["horizontal","vertical"],"direction").def("horizontal"),status:e.PropTypes.commonType(["","error","loading"],"status").def(""),lineType:e.PropTypes.commonType(["dashed","solid"],"lineType").def("dashed"),text:e.PropTypes.bool,extCls:e.PropTypes.string,steps:e.PropTypes.array.def([]),beforeChange:e.PropTypes.func};const l=(0,n.defineComponent)({name:"Steps",props:p,emits:["update:curStep","click"],setup:function(e,t){var r=this,o=t.emit,c=(0,n.ref)([]);return(0,n.onMounted)((function(){var t,r;(t=c.value).splice.apply(t,[0,c.value.length].concat([{title:"步骤1",icon:1},{title:"步骤2",icon:2},{title:"步骤3",icon:3}])),(null===(r=e.steps)||void 0===r?void 0:r.length)&&function(e){var t,r=[];e.forEach((function(e){"string"==typeof e?r.push(e):r.push({title:e.title,icon:e.icon,description:e.description,status:e.status})})),(t=c.value).splice.apply(t,[0,c.value.length].concat(r))}(e.steps)})),{defaultSteps:c,jumpTo:function(t){return s(r,void 0,void 0,i().mark((function r(){var n=this;return i().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(r.prev=0,!e.controllable||t===e.curStep){r.next=7;break}if("function"!=typeof e.beforeChange){r.next=5;break}return r.next=5,new Promise((function(r,o){return s(n,void 0,void 0,i().mark((function n(){var s;return i().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.beforeChange(t);case 2:(s=n.sent)?r(s):o(s);case 4:case"end":return n.stop()}}),n)})))}));case 5:o("update:curStep",t),o("click",t);case 7:r.next=12;break;case 9:r.prev=9,r.t0=r.catch(0),console.warn(r.t0);case 12:case"end":return r.stop()}}),r,null,[[0,9]])})))}}},render:function(){var t,o=this,i="bk-steps",s=this.theme?"".concat(i,"-").concat(this.theme):"",c=this.size?"".concat(i,"-").concat(this.size):"",a=(0,e.classes)((t={},r()(t,"".concat(this.extCls),!!this.extCls),r()(t,"bk-steps-".concat(this.direction),this.direction),r()(t,"bk-steps-".concat(this.lineType),this.lineType),t),"".concat(s," ").concat(i," ").concat(c)),p=function(e){return o.curStep>e+1||"done"===o.defaultSteps[e].status},l=function(e){return o.curStep===e+1},d=function(e){var t=e.icon;return t?"[object Object]"===Object.prototype.toString.call(t):"string"==typeof e},f=function(e,t){return t.icon?t.icon:e+1},b=function(e,t){return l(e)&&"loading"===o.status||function(e){return"loading"===e.status}(t)?(0,n.createVNode)(u.Circle,{class:"bk-icon bk-steps-icon icon-loading"},null):l(e)&&"error"===o.status||function(e){return"error"===e.status}(t)?(0,n.createVNode)(u.Error,{class:"bk-steps-icon"},null):p(e)?(0,n.createVNode)(u.Done,{class:"bk-steps-icon"},null):(0,n.createVNode)("span",{class:"number"},[f(e,t)])};return(0,n.createVNode)("div",{class:a},[this.defaultSteps.map((function(e,t){var r,i,s;return(0,n.createVNode)("div",{class:["bk-step",e.title?"":"bk-step-no-content",p(t)?"done":"",l(t)?"current":"",e.status&&l(t)?["bk-step-".concat(e.status)]:""]},[(0,n.createVNode)("span",{class:["bk-step-indicator","bk-step-".concat(d(e)?"icon":"number")],style:{cursor:o.controllable?"pointer":""},onClick:function(){o.jumpTo(t+1)}},[null!==(s=null===(i=(r=o.$slots)[t+1])||void 0===i?void 0:i.call(r))&&void 0!==s?s:b(t,e)]),e.title?(0,n.createVNode)("div",{class:"bk-step-content"},[(0,n.createVNode)("div",{class:"bk-step-title",style:{cursor:o.controllable?"pointer":""},onClick:function(){o.jumpTo(t+1)}},[e.title]),e.description&&(0,n.createVNode)("div",{class:"bk-step-description",title:e.description},[e.description])]):""])}))])}}),d=(0,e.withInstall)(l)})(),a})()));