bkui-vue 0.0.1-beta.40 → 0.0.1-beta.401

package/lib/preset.d.ts

@@ -1,7 +1,229 @@
 import { App } from 'vue';
 declare const _default: {
-    createInstall: (prefix?: string) => (app: App<any>) => void;
-    install: (app: App<any>) => void;
+    createInstall: (prefix?: string) => (app: App<any>, options?: Partial<import("vue").ExtractPropTypes<{
+        locale: {
+            type: import("vue").PropType<{
+                lang: string;
+                steps: {
+                    step1: string;
+                    step2: string;
+                    step3: string;
+                };
+                datePicker: {
+                    selectDate: string;
+                    selectTime: string;
+                    clear: string;
+                    ok: string;
+                    weekdays: {
+                        sun: string;
+                        mon: string;
+                        tue: string;
+                        wed: string;
+                        thu: string;
+                        fri: string;
+                        sat: string;
+                    };
+                    hour: string;
+                    min: string;
+                    sec: string;
+                    toNow: string;
+                };
+                dialog: {
+                    ok: string;
+                    cancel: string;
+                    prev: string;
+                    next: string;
+                };
+                form: {
+                    notBeEmpty: string;
+                    incorrectFormat: string;
+                    max: string;
+                    min: string;
+                    maxLen: string;
+                    verifyError: string;
+                };
+                pagination: {
+                    eachPage: string;
+                    strip: string;
+                    total: string;
+                };
+                process: {
+                    step1: string;
+                    step2: string;
+                    step3: string;
+                    step4: string;
+                };
+                searchSelect: {
+                    pleaseSelect: string;
+                    loading: string;
+                    filterQueryMustHasValue: string;
+                    ok: string;
+                    cancel: string;
+                    or: string;
+                    and: string;
+                };
+                select: {
+                    noData: string;
+                    noMatchedData: string;
+                    loading: string;
+                    pleaseSelect: string;
+                    enterKeywords: string;
+                    all: string;
+                };
+                table: {
+                    emptyText: string;
+                    confirm: string;
+                    reset: string;
+                    setting: {
+                        title: string;
+                        fields: {
+                            title: string;
+                            subtitle: (max: number) => string;
+                            selectAll: string;
+                        };
+                        lineHeight: {
+                            title: string;
+                            small: string;
+                            medium: string;
+                            large: string;
+                        };
+                        options: {
+                            ok: string;
+                            cancel: string;
+                        };
+                    };
+                };
+                transfer: {
+                    sourceList: string;
+                    targetList: string;
+                    removeAll: string;
+                    selectAll: string;
+                    noData: string;
+                    noSelected: string;
+                    search: string;
+                };
+                upload: {
+                    uploadSuccess: string;
+                    uploadFailed: string;
+                    drapFileOr: string;
+                    clickUpload: string;
+                    uploadLabel: string;
+                };
+            }>;
+        };
+    }>>) => void;
+    install: (app: App<any>, options?: Partial<import("vue").ExtractPropTypes<{
+        locale: {
+            type: import("vue").PropType<{
+                lang: string;
+                steps: {
+                    step1: string;
+                    step2: string;
+                    step3: string;
+                };
+                datePicker: {
+                    selectDate: string;
+                    selectTime: string;
+                    clear: string;
+                    ok: string;
+                    weekdays: {
+                        sun: string;
+                        mon: string;
+                        tue: string;
+                        wed: string;
+                        thu: string;
+                        fri: string;
+                        sat: string;
+                    };
+                    hour: string;
+                    min: string;
+                    sec: string;
+                    toNow: string;
+                };
+                dialog: {
+                    ok: string;
+                    cancel: string;
+                    prev: string;
+                    next: string;
+                };
+                form: {
+                    notBeEmpty: string;
+                    incorrectFormat: string;
+                    max: string;
+                    min: string;
+                    maxLen: string;
+                    verifyError: string;
+                };
+                pagination: {
+                    eachPage: string;
+                    strip: string;
+                    total: string;
+                };
+                process: {
+                    step1: string;
+                    step2: string;
+                    step3: string;
+                    step4: string;
+                };
+                searchSelect: {
+                    pleaseSelect: string;
+                    loading: string;
+                    filterQueryMustHasValue: string;
+                    ok: string;
+                    cancel: string;
+                    or: string;
+                    and: string;
+                };
+                select: {
+                    noData: string;
+                    noMatchedData: string;
+                    loading: string;
+                    pleaseSelect: string;
+                    enterKeywords: string;
+                    all: string;
+                };
+                table: {
+                    emptyText: string;
+                    confirm: string;
+                    reset: string;
+                    setting: {
+                        title: string;
+                        fields: {
+                            title: string;
+                            subtitle: (max: number) => string;
+                            selectAll: string;
+                        };
+                        lineHeight: {
+                            title: string;
+                            small: string;
+                            medium: string;
+                            large: string;
+                        };
+                        options: {
+                            ok: string;
+                            cancel: string;
+                        };
+                    };
+                };
+                transfer: {
+                    sourceList: string;
+                    targetList: string;
+                    removeAll: string;
+                    selectAll: string;
+                    noData: string;
+                    noSelected: string;
+                    search: string;
+                };
+                upload: {
+                    uploadSuccess: string;
+                    uploadFailed: string;
+                    drapFileOr: string;
+                    clickUpload: string;
+                    uploadLabel: string;
+                };
+            }>;
+        };
+    }>>) => void;
     version: string;
 };
 export default _default;

package/lib/preset.js

@@ -0,0 +1 @@
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("./config-provider"),require("./components"));else if("function"==typeof define&&define.amd)define(["./config-provider","./components"],o);else{var r="object"==typeof exports?o(require("./config-provider"),require("./components")):o(e["./config-provider"],e["./components"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o)=>(()=>{"use strict";var r={4689:e=>{e.exports=o},7623:o=>{o.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var i=t[e]={exports:{}};return r[e](i,i.exports,n),i.exports}n.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return n.d(o,{a:o}),o},n.d=(e,o)=>{for(var r in o)n.o(o,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{default:()=>t});var e=n(7623),o=n(4689),r=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"Bk";return function(t,n){var i=t.config.globalProperties.bkUIPrefix||r;Object.keys(o).forEach((function(e){var r=o[e];"install"in r?t.use(r,{prefix:i}):t.component(i+e,o[e])})),n&&(0,e.provideGlobalConfig)(n)}};const t={createInstall:r,install:r(),version:"0.0.1"}})(),i})()));

package/lib/process/index.d.ts

@@ -1,14 +1,14 @@
-declare const BkSteps: {
+declare const BkProcess: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             list: unknown[];
             extCls: string;
+            displayKey: string;
             controllable: boolean;
             showSteps: boolean;
             curProcess: number;
-            displayKey: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             list: import("vue-types").VueTypeValidableDef<unknown[]> & {
                 default: () => unknown[];
@@ -41,7 +41,7 @@ declare const BkSteps: {
         }>> & {
             onClick?: (...args: any[]) => any;
             "onUpdate:curProcess"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "extCls" | "controllable" | "showSteps" | "curProcess" | "displayKey">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "extCls" | "displayKey" | "controllable" | "showSteps" | "curProcess">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -94,10 +94,10 @@ declare const BkSteps: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], string, {
             list: unknown[];
             extCls: string;
+            displayKey: string;
             controllable: boolean;
             showSteps: boolean;
             curProcess: number;
-            displayKey: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -197,9 +197,9 @@ declare const BkSteps: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], "click" | "update:curProcess", {
     list: unknown[];
     extCls: string;
+    displayKey: string;
     controllable: boolean;
     showSteps: boolean;
     curProcess: number;
-    displayKey: string;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
-export default BkSteps;
+export default BkProcess;

package/lib/process/index.js

@@ -0,0 +1 @@
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("../shared"),require("vue"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],e);else{var r="object"==typeof exports?e(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):e(t["../shared"],t.vue,t["../config-provider"],t["../icon"]);for(var n in r)("object"==typeof exports?exports:t)[n]=r[n]}}(self,((t,e,r,n)=>(()=>{var o={7162:(t,e,r)=>{t.exports=r(5047)},5047:t=>{var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),a=new k(n||[]);return i._invoke=function(t,e,r){var n=f;return function(o,i){if(n===h)throw new Error("Generator is already running");if(n===d){if("throw"===o)throw i;return T()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=E(a,r);if(c){if(c===y)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=h;var u=l(t,e,r);if("normal"===u.type){if(n=r.done?d:p,u.arg===y)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n=d,r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function l(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var f="suspendedStart",p="suspendedYield",h="executing",d="completed",y={};function v(){}function g(){}function m(){}var b={};u(b,i,(function(){return this}));var w=Object.getPrototypeOf,x=w&&w(w(N([])));x&&x!==r&&n.call(x,i)&&(b=x);var L=m.prototype=v.prototype=Object.create(b);function P(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function j(t,e){function r(o,i,a,c){var u=l(t[o],t,i);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function E(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,E(t,r),"throw"===r.method))return y;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}var o=l(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,y;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function O(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function _(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(O,this),this.reset(!0)}function N(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:T}}function T(){return{value:e,done:!0}}return g.prototype=m,u(L,"constructor",m),u(m,"constructor",g),g.displayName=u(m,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,m):(t.__proto__=m,u(t,c,"GeneratorFunction")),t.prototype=Object.create(L),t},t.awrap=function(t){return{__await:t}},P(j.prototype),u(j.prototype,a,(function(){return this})),t.AsyncIterator=j,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new j(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},P(L),u(L,c,"Generator"),u(L,i,(function(){return this})),u(L,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=N,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(_),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(u&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),_(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;_(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),y}},t}(t.exports);try{regeneratorRuntime=e}catch(t){"object"==typeof globalThis?globalThis.regeneratorRuntime=e:Function("r","regeneratorRuntime = r")(e)}},2717:t=>{"use strict";t.exports=r},6870:t=>{"use strict";t.exports=n},4212:e=>{"use strict";e.exports=t},748:t=>{"use strict";t.exports=e}},i={};function a(t){var e=i[t];if(void 0!==e)return e.exports;var r=i[t]={exports:{}};return o[t](r,r.exports,a),r.exports}a.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return a.d(e,{a:e}),e},a.d=(t,e)=>{for(var r in e)a.o(e,r)&&!a.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},a.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),a.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var c={};return(()=>{"use strict";a.r(c),a.d(c,{default:()=>f});var t=a(4212);function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}var r=a(748),n=a(7162),o=a.n(n);Object.create,Object.create;var i=a(2717),u=a(6870),s={list:t.PropTypes.array.def([]),controllable:t.PropTypes.bool.def(!1),showSteps:t.PropTypes.bool.def(!1),curProcess:t.PropTypes.number.def(0),displayKey:t.PropTypes.string.def("content"),extCls:t.PropTypes.string};const l=(0,r.defineComponent)({name:"Process",props:s,emits:["update:curProcess","click"],setup:function(t,n){var a=this,c=n.emit,u=(0,i.useLocale)("process"),s=(0,i.useLocale)("lang"),l=(0,r.ref)([]),f=(0,r.ref)(0),p=function(){var r,n,o,i;(r=l.value).splice.apply(r,[0,l.value.length].concat([{content:u.value.step1},{content:u.value.step2},{content:u.value.step3},{content:u.value.step4}])),(null===(n=t.list)||void 0===n?void 0:n.length)&&(o=l.value).splice.apply(o,[0,l.value.length].concat(function(t){if(Array.isArray(t))return e(t)}(i=t.list)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(i)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))};return(0,r.watch)((function(){return s.value}),(function(){p()})),(0,r.onMounted)(p),{defaultProcessList:l,paddingBottom:f,jumpTo:function(e){return r=a,n=void 0,i=void 0,u=o().mark((function r(){return o().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:try{t.controllable&&e!==t.curProcess&&(c("update:curProcess",e),c("click",e))}catch(t){console.warn(t)}case 1:case"end":return r.stop()}}),r)})),new(i||(i=Promise))((function(t,e){function o(t){try{c(u.next(t))}catch(t){e(t)}}function a(t){try{c(u.throw(t))}catch(t){e(t)}}function c(e){var r;e.done?t(e.value):(r=e.value,r instanceof i?r:new i((function(t){t(r)}))).then(o,a)}c((u=u.apply(r,n||[])).next())}));var r,n,i,u}}},render:function(){var e,n,o,i=this,a=(0,t.classes)((e={},n="".concat(this.extCls),o=!!this.extCls,n in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o,e),"".concat("bk-process")),c=function(t){return"loading"===t.status},s=function(t){return"error"===t.status},l=function(t,e){return t===i.curProcess-1&&c(e)?(0,r.createVNode)(u.Circle,{class:"bk-icon bk-process-icon icon-loading"},null):t===i.curProcess-1&&s(e)?(0,r.createVNode)(u.Error,{class:"bk-process-icon icon-error"},null):t===i.curProcess-1&&function(t){return t.icon?t.icon:""}(e)?(0,r.createVNode)("span",{class:"bk-process-icon-custom"},[(0,r.createVNode)(e.icon,null,null)]):function(t){return i.curProcess>=t+1||"done"===i.defaultProcessList[t].status}(t)?(0,r.createVNode)(u.Done,{class:"bk-process-icon-done"},null):void 0};return(0,r.createVNode)("div",{class:a},[(0,r.createVNode)("ul",{style:{paddingBottom:"".concat(this.paddingBottom,"px")}},[this.defaultProcessList.map((function(t,e){return(0,r.createVNode)("li",{onClick:function(){i.jumpTo(e+1)},style:{cursor:i.controllable?"pointer":""},class:{success:i.curProcess>=e+1,current:c(t)&&e===i.curProcess-1,error:s(t)&&e===i.curProcess-1}},[(0,r.createVNode)("div",null,[(0,r.createVNode)("span",{class:"display"},[t[i.displayKey]]),l(e,t)])])}))])])}}),f=(0,t.withInstall)(l)})(),c})()));

package/lib/process/process.css

@@ -34,9 +34,14 @@
   font-size: 22px;
   line-height: 18px;
 }
+.bk-process .bk-process-icon-custom {
+  padding-left: 5px;
+}
 .bk-process .bk-icon.icon-loading {
   display: inline-block;
+  margin-left: 5px;
   font-size: 14px;
+  vertical-align: sub;
   animation: loadingCircle 1s infinite linear;
 }
 .bk-process > ul {
@@ -61,6 +66,9 @@
   background-color: #f0f1f5;
   flex: 1;
 }
+.bk-process li .display {
+  vertical-align: top;
+}
 .bk-process li i {
   display: none;
 }
@@ -136,3 +144,17 @@
 .bk-process li.current > .bk-spin-loading {
   vertical-align: -3px;
 }
+.bk-process li.error {
+  color: #fff;
+  background: #ea3636;
+}
+.bk-process li.error::after {
+  border-color: transparent transparent transparent #ea3636;
+}
+.bk-process li.error > .bk-spin-loading {
+  vertical-align: -3px;
+}
+.bk-process li.error .icon-error {
+  font-size: 14px;
+  vertical-align: sub;
+}

package/lib/process/process.d.ts

@@ -123,9 +123,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     list: unknown[];
     extCls: string;
+    displayKey: string;
     controllable: boolean;
     showSteps: boolean;
     curProcess: number;
-    displayKey: string;
 }>;
 export default _default;

package/lib/process/process.less

@@ -43,13 +43,19 @@
       font-size: 22px;
       line-height: 18px;
     }
-    
+
+    &-custom {
+      padding-left: 5px;
+    }
+
   }
 
   .bk-icon {
     &.icon-loading {
       display: inline-block;
+      margin-left: 5px;
       font-size: @font-size-medium;
+      vertical-align: sub;
       animation: loadingCircle 1s infinite linear;
     }
   }
@@ -79,6 +85,10 @@
     background-color: #f0f1f5;
     flex: 1;
 
+    .display {
+      vertical-align: top;
+    }
+
     i {
       display: none;
     }
@@ -174,5 +184,23 @@
         vertical-align: -3px;
       }
     }
+
+    &.error {
+      color: #fff;
+      background: @danger-color;
+
+      &::after {
+        border-color: transparent transparent transparent @danger-color;
+      }
+
+      >.bk-spin-loading {
+        vertical-align: -3px;
+      }
+
+      .icon-error {
+        font-size: 14px;
+        vertical-align: sub;
+      }
+    }
   }
-}
+}

package/lib/process/process.variable.css

@@ -9,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -18,10 +19,11 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
   --input-disabled-bg: #fafbfd;
   --input-disabled-border: var(--disable-color);
   --input-height-base: var(--component-size-base);
@@ -31,8 +33,9 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
-  --input-icon-size: var(--font-size-large);
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -43,6 +46,15 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -63,12 +75,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;
@@ -90,6 +106,17 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
 }
 * {
   box-sizing: border-box;
@@ -127,9 +154,14 @@
   font-size: 22px;
   line-height: 18px;
 }
+.bk-process .bk-process-icon-custom {
+  padding-left: 5px;
+}
 .bk-process .bk-icon.icon-loading {
   display: inline-block;
+  margin-left: 5px;
   font-size: var(--font-size-medium);
+  vertical-align: sub;
   animation: loadingCircle 1s infinite linear;
 }
 .bk-process > ul {
@@ -154,6 +186,9 @@
   background-color: #f0f1f5;
   flex: 1;
 }
+.bk-process li .display {
+  vertical-align: top;
+}
 .bk-process li i {
   display: none;
 }
@@ -229,3 +264,17 @@
 .bk-process li.current > .bk-spin-loading {
   vertical-align: -3px;
 }
+.bk-process li.error {
+  color: #fff;
+  background: var(--danger-color);
+}
+.bk-process li.error::after {
+  border-color: transparent transparent transparent var(--danger-color);
+}
+.bk-process li.error > .bk-spin-loading {
+  vertical-align: -3px;
+}
+.bk-process li.error .icon-error {
+  font-size: 14px;
+  vertical-align: sub;
+}

package/lib/progress/index.d.ts

@@ -3,11 +3,11 @@ declare const BkProgress: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            width: number;
+            fixed: number;
             type: string;
+            width: number;
+            theme: "success" | "warning" | "danger" | "primary";
             color: string;
-            fixed: number;
-            theme: string;
             extCls: string;
             strokeLinecap: string;
             strokeWidth: number;
@@ -35,10 +35,10 @@ declare const BkProgress: {
             } & {
                 default: number;
             };
-            theme: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+                default: "success" | "warning" | "danger" | "primary";
             };
-            size: import("vue-types").VueTypeDef<string>;
+            size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
             width: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -91,7 +91,7 @@ declare const BkProgress: {
                     [key: string]: any;
                 };
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "type" | "color" | "fixed" | "theme" | "extCls" | "strokeLinecap" | "strokeWidth" | "format" | "percent" | "bgColor" | "titleStyle" | "showText" | "textInside">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fixed" | "type" | "width" | "theme" | "color" | "extCls" | "strokeLinecap" | "strokeWidth" | "format" | "percent" | "bgColor" | "titleStyle" | "showText" | "textInside">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -121,10 +121,10 @@ declare const BkProgress: {
             } & {
                 default: number;
             };
-            theme: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+                default: "success" | "warning" | "danger" | "primary";
             };
-            size: import("vue-types").VueTypeDef<string>;
+            size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
             width: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -183,11 +183,11 @@ declare const BkProgress: {
                 [key: string]: any;
             }>[];
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            width: number;
+            fixed: number;
             type: string;
+            width: number;
+            theme: "success" | "warning" | "danger" | "primary";
             color: string;
-            fixed: number;
-            theme: string;
             extCls: string;
             strokeLinecap: string;
             strokeWidth: number;
@@ -235,10 +235,10 @@ declare const BkProgress: {
         } & {
             default: number;
         };
-        theme: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+            default: "success" | "warning" | "danger" | "primary";
         };
-        size: import("vue-types").VueTypeDef<string>;
+        size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
         width: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -316,10 +316,10 @@ declare const BkProgress: {
     } & {
         default: number;
     };
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
+        default: "success" | "warning" | "danger" | "primary";
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large">;
     width: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -378,11 +378,11 @@ declare const BkProgress: {
         [key: string]: any;
     }>[];
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    width: number;
+    fixed: number;
     type: string;
+    width: number;
+    theme: "success" | "warning" | "danger" | "primary";
     color: string;
-    fixed: number;
-    theme: string;
     extCls: string;
     strokeLinecap: string;
     strokeWidth: number;

package/lib/progress/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>i});var e=s(4212),t=s(748);const r=function(e,r){var o=r.attrs,s=r.slots,n=o.width,c=o.percent,a=o.strokeWidth,i=o.color,l=o.strokeLinecap,p=o.theme,d=o.type,u=o.bgColor,f=o.titleStyle,h=a||6,y=n||126,b={width:"number"==typeof y?"".concat(y,"px"):y,height:"number"==typeof y?"".concat(y,"px"):y,fontSize:"".concat(.15*y+6,"px")},v=50-h/2,x="dashboard"===d,g=2*Math.PI*v,m=x?.75:1,P="".concat(-1*g*(1-m)/2,"px"),k={strokeDasharray:"".concat(g*m,"px, ").concat(g,"px"),strokeDashoffset:P},T={strokeDasharray:"".concat(g*m*(c/100),"px, ").concat(g,"px"),strokeDashoffset:P,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease"},j="\n    M 50 50\n    m 0 ".concat(x?"":"-").concat(v,"\n    a ").concat(v," ").concat(v," 0 1 1 0 ").concat(x?"-":"").concat(2*v,"\n    a ").concat(v," ").concat(v," 0 1 1 0 ").concat(x?"":"-").concat(2*v,"\n  "),N={d:j,stroke:u||"#f5f5f5","stroke-linecap":l,"stroke-width":h,"fill-opacity":"0",class:"process-circle-trail",style:k},V={d:j,stroke:i||"#13ce66","stroke-linecap":l,"stroke-width":c>0&&h||0,"fill-opacity":"0",class:"process-circle-path bk-".concat(p,"-circle-trail"),style:T};return(0,t.createVNode)("div",{class:"progress-outer-circle",style:b},[(0,t.createVNode)("svg",{viewBox:"0 0 100 100"},[(0,t.createVNode)("path",N,null),(0,t.createVNode)("path",V,null)]),(0,t.createVNode)("span",{class:"progress-circle-text",style:f},[null==s?void 0:s.default()])])},o=function(e,r){var o,s,n=r.attrs,c=r.slots,a=n.percent,i=n.strokeWidth,l=n.size,p=n.color,d=n.titleStyle,u=n.showText,f=n.textInside,h=n.theme,y={height:"".concat(i,"px"),lineHeight:"".concat(i,"px")},b={width:"".concat(a,"%"),background:p,animationDuration:"3s"},v=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return(u||c.default)&&(e&&f||!e&&!f)?null==c?void 0:c.default():null};return(0,t.createVNode)("div",{class:"progress-outer"},[(0,t.createVNode)("div",{class:"bk-progress-".concat(l||"normal"," progress-bar"),style:y},[(0,t.createVNode)("div",{style:b,class:(o={"progress-inner":!0},s="bk-".concat(h),!0,s in o?Object.defineProperty(o,s,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[s]=true,o)},[(0,t.createVNode)("div",{class:"inner-text",style:d},[v()])])]),v(!1)])};function c(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const a=(0,t.defineComponent)({name:"Progress",props:{extCls:e.PropTypes.string,type:e.PropTypes.string.validate((function(e){return["line","circle","dashboard"].includes(e)})).def("line"),percent:e.PropTypes.number.def(0),theme:e.PropTypes.theme().def(e.ThemeEnum.PRIMARY),size:e.PropTypes.size(),width:e.PropTypes.number.def(126),strokeWidth:e.PropTypes.number,strokeLinecap:e.PropTypes.string.def("round"),textInside:e.PropTypes.bool.def(!1),showText:e.PropTypes.bool.def(!0),color:e.PropTypes.string,bgColor:e.PropTypes.string,fixed:e.PropTypes.number.validate((function(e){return e>=0&&e<=20})).def(0),format:e.PropTypes.func.def((function(e){return"".concat(e,"%")})),titleStyle:e.PropTypes.object.def({fontSize:"16px",verticalAlign:"middle"})},setup:function(){return{}},methods:{validPercent:function(e){return!e||e<0?0:e>100?100:e},renderProcessInfo:function(){var e,r=this.$props,o=r.showText,s=r.format,n=r.percent,c=r.textInside,a=r.titleStyle,i=r.fixed,l=s(null===(e=this.validPercent(n))||void 0===e?void 0:e.toFixed(i));return(o||this.$slots.default)&&c?this.$slots.default?this.$slots.default():(0,t.createVNode)("span",null,[l]):!o||c?null:(0,t.createVNode)("span",{class:"progress-text",style:"string"==typeof l?a:void 0},[this.$slots.default?this.$slots.default():l])}},render:function(){var s=this.renderProcessInfo(),n=Object.assign(Object.assign({},this.$props),{percent:this.validPercent(this.percent)}),a=(0,t.createVNode)(o,n,c(s)?s:{default:function(){return[s]}});"circle"!==this.type&&"dashboard"!==this.type||(a=(0,t.createVNode)(r,n,c(s)?s:{default:function(){return[s]}}));var i={class:(0,e.classes)({extCls:!!this.extCls},"bk-progress bk-progress-".concat(this.type))};return(0,t.createVNode)("div",i,[a])}}),i=(0,e.withInstall)(a)})(),n})()));