bkui-vue 0.0.1-beta.13 → 0.0.1-beta.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bkui-vue.cjs.js +387 -59
- package/dist/bkui-vue.esm.js +385 -60
- package/dist/bkui-vue.umd.js +387 -59
- package/dist/style.css +139 -0
- package/lib/alert/index.js +1 -1
- package/lib/animate-number/index.js +1 -1
- package/lib/backtop/index.js +1 -1
- package/lib/badge/index.js +1 -1
- package/lib/breadcrumb/index.d.ts +1 -1
- package/lib/breadcrumb/index.js +1 -1
- package/lib/button/index.js +1 -1
- package/lib/card/index.js +1 -1
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/type.d.ts +1 -1
- package/lib/collapse/index.js +1 -1
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/index.js +1 -1
- package/lib/divider/index.js +1 -1
- package/lib/exception/index.js +1 -1
- package/lib/fixed-navbar/index.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/input/index.d.ts +8 -8
- package/lib/input/index.js +1 -1
- package/lib/input/input.d.ts +2 -2
- package/lib/link/index.js +1 -1
- package/lib/loading/index.js +1 -1
- package/lib/menu/index.js +1 -1
- package/lib/message/index.js +1 -1
- package/lib/modal/index.js +1 -1
- package/lib/navigation/index.js +1 -1
- package/lib/notify/index.js +1 -1
- package/lib/popover/index.js +1 -1
- package/lib/preset.d.ts +2 -3
- package/lib/process/index.d.ts +145 -0
- package/lib/process/index.js +15 -0
- package/lib/process/process.css +139 -0
- package/lib/process/process.d.ts +116 -0
- package/lib/process/process.less +179 -0
- package/lib/process/process.variable.css +225 -0
- package/lib/progress/index.js +1 -1
- package/lib/radio/index.d.ts +2 -2
- package/lib/radio/index.js +1 -1
- package/lib/rate/index.js +1 -1
- package/lib/select/index.d.ts +1 -1
- package/lib/select/index.js +1 -1
- package/lib/shared/index.js +1 -1
- package/lib/sideslider/index.js +1 -1
- package/lib/slider/index.js +2 -2
- package/lib/steps/index.d.ts +8 -8
- package/lib/steps/index.js +1 -1
- package/lib/steps/steps.d.ts +2 -2
- package/lib/styles/index.d.ts +1 -0
- package/lib/styles/index.js +1 -1
- package/lib/switcher/index.js +1 -1
- package/lib/tab/index.js +1 -1
- package/lib/table/index.js +1 -1
- package/lib/tag/index.js +1 -1
- package/lib/tree/index.js +1 -1
- package/package.json +4 -2
package/lib/loading/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.size(),mode:t.PropTypes.oneOf(Object.values(e.BkLoadingMode))},c=o.defineComponent({name:"
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.size(),mode:t.PropTypes.oneOf(Object.values(e.BkLoadingMode))},c=o.defineComponent({name:"Loading",props:s,setup:function(e,n){var a=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),i=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),d=o.computed((function(){return t.classes({"bk-nested-loading":!!n.slots.default},"bk-loading-wrapper")})),u=o.computed((function(){var o;return t.classes((r(o={},"bk-loading-size-".concat(e.size),!e.size),r(o,"bk-loading-".concat(e.theme),!e.theme),o),"bk-loading-indicator")})),s=o.computed((function(){return!!e.title})),c=o.computed((function(){var t="spin"===e.mode;return"function"==typeof e.indicator?o.createVNode(e.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?i:a}));return function(){var t,a;return n.slots.default&&!e.loading?null===(a=(t=n.slots).default)||void 0===a?void 0:a.call(t):o.createVNode("div",{class:d.value},[o.createVNode("div",{class:u.value},[c.value,s.value&&o.createVNode("div",{class:"bk-loading-title"},[e.title])]),n.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[n.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/menu/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@bkui-vue/icon/"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","@bkui-vue/icon/","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e._,e.Shared)}(this,(function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var l={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var a=r(l.exports),u={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o},e.exports.default=e.exports,e.exports.__esModule=!0}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var c={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(c);var p={exports:{}};!function(e){var t=s.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(p);var d={exports:{}};!function(e){e.exports=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.")},e.exports.default=e.exports,e.exports.__esModule=!0}(d),function(e){var t=i.exports,n=c.exports,o=p.exports,r=d.exports;e.exports=function(e){return t(e)||n(e)||o(e)||r()},e.exports.default=e.exports,e.exports.__esModule=!0}(u);var f=r(u.exports),v=Symbol("MENU_PROVIDER_KEY"),y=Symbol("MENU_PROVIDER_KEY_PATH"),m=function(){return t.inject(v)},h=function(){return t.inject(y)||{parentInfo:void 0,parentKeys:t.ref([])}},x=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function g(e,t){if(e&&t){var n=x(t),o=e.getAttribute("class")||"";if(e.classList){var r;(r=e.classList).remove.apply(r,f(n))}else{n.forEach((function(e){o=o.replace(" ".concat(e," ")," ")}));var l=x(o).join(" ");e.setAttribute("class",l)}}}function b(e,t){if(e){var n,o=e.getAttribute("class")||"",r=x(o),l=(t||"").split(" ").filter((function(e){return!r.includes(e)&&!!e.trim()}));if(e.classList)(n=e.classList).add.apply(n,f(l));else o+=" ".concat(l.join(" ")),e.setAttribute("class",o)}}var
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@bkui-vue/icon/"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","@bkui-vue/icon/","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e._,e.Shared)}(this,(function(e,t,n,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var l={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var a=r(l.exports),u={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o},e.exports.default=e.exports,e.exports.__esModule=!0}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var c={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(c);var p={exports:{}};!function(e){var t=s.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(p);var d={exports:{}};!function(e){e.exports=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.")},e.exports.default=e.exports,e.exports.__esModule=!0}(d),function(e){var t=i.exports,n=c.exports,o=p.exports,r=d.exports;e.exports=function(e){return t(e)||n(e)||o(e)||r()},e.exports.default=e.exports,e.exports.__esModule=!0}(u);var f=r(u.exports),v=Symbol("MENU_PROVIDER_KEY"),y=Symbol("MENU_PROVIDER_KEY_PATH"),m=function(){return t.inject(v)},h=function(){return t.inject(y)||{parentInfo:void 0,parentKeys:t.ref([])}},x=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function g(e,t){if(e&&t){var n=x(t),o=e.getAttribute("class")||"";if(e.classList){var r;(r=e.classList).remove.apply(r,f(n))}else{n.forEach((function(e){o=o.replace(" ".concat(e," ")," ")}));var l=x(o).join(" ");e.setAttribute("class",l)}}}function b(e,t){if(e){var n,o=e.getAttribute("class")||"",r=x(o),l=(t||"").split(" ").filter((function(e){return!r.includes(e)&&!!e.trim()}));if(e.classList)(n=e.classList).add.apply(n,f(l));else o+=" ".concat(l.join(" ")),e.setAttribute("class",o)}}var _={activeKey:String,collapse:{type:Boolean,default:!1},OpenedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}},w=t.defineComponent({name:"Menu",props:_,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,n){var o=n.slots,r=n.emit,l=t.ref(""),u=t.ref([]),i=t.ref({}),s=t.computed((function(){return e.mode})),c=t.ref(e.collapse),p=t.ref([]);t.watch((function(){return e.OpenedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:u.value;u.value=e}),{immediate:!0}),t.watchEffect((function(){void 0!==e.activeKey&&(l.value=e.activeKey)})),t.watch((function(){return e.collapse}),(function(){c.value=e.collapse;var t=f(p.value),n=f(u.value);u.value=c.value?[]:t,p.value=c.value?n:[]}),{immediate:!0});var d;return d={activeKey:l,menuStore:i,registerMenuInfo:function(e,t){i.value=Object.assign(Object.assign({},i.value),a({},e,t))},unregisterMenuInfo:function(e){delete i.value[e],i.value=Object.assign({},i.value)},mode:s.value,openedKeys:u,collapse:c,handleOpenChange:function(t,n){n?e.uniqueOpen?u.value=[t]:u.value.push(t):u.value=u.value.filter((function(e){return e!==t})),r("openChange",n,i.value[t]),r("update:openKeys",f(u.value))},handleActiveChange:function(e){l.value=e,r("click",i.value[e]),r("update:activeKey",e,i.value[e])}},t.provide(v,d),function(){var e;return t.createVNode("div",{class:{"bk-menu":!0,"is-collapse":c.value}},[null===(e=null==o?void 0:o.default)||void 0===e?void 0:e.call(o)])}}}),I=t.defineComponent({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:["icon"],setup:function(e,n){var o,r,l=n.slots,a=n.emit,u=m(),i=u.registerMenuInfo,s=u.unregisterMenuInfo,c=u.activeKey,p=u.handleActiveChange,d=h().parentInfo,f=t.getCurrentInstance(),v=(null===(r=null===(o=f.vnode.key)||void 0===o?void 0:o.toString)||void 0===r?void 0:r.call(o))||String(f.uid),y=t.computed((function(){return c.value===v})),x=t.computed((function(){return e.needIcon}));i(v,{key:v,parentKey:null==d?void 0:d.key});var g=function(e){p(v),a("click",e)};return t.onBeforeUnmount((function(){return s(v)})),function(){var e,n;return t.createVNode("li",{class:{"bk-menu-item":!0,"is-active":y.value},onClick:g},[x.value&&t.createVNode("span",{class:"item-icon"},[(null===(e=null==l?void 0:l.icon)||void 0===e?void 0:e.call(l))||t.createVNode("i",{class:"default-icon"},null)]),t.createVNode("span",{class:"item-content"},[null===(n=l.default)||void 0===n?void 0:n.call(l)])])}}}),K={title:{type:String,default:"title"}},S=t.defineComponent({name:"Submenu",props:K,emits:["collapse"],slots:["icon"],setup:function(e,o){var r,l,a=o.slots,u=o.emit,i=m(),s=i.registerMenuInfo,c=i.unregisterMenuInfo,p=i.openedKeys,d=i.handleOpenChange,v=i.collapse,x=i.activeKey,_=i.menuStore,w=h().parentInfo,I=t.getCurrentInstance(),K=(null===(l=null===(r=I.vnode.key)||void 0===r?void 0:r.toString)||void 0===l?void 0:l.call(r))||String(I.uid),S=t.ref({css:!0,onBeforeEnter:function(e){b(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px",e.style.maxHeight="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):(e.style.height="0px",e.style.maxHeight="0px"),e.style.overflow="hidden"},onAfterEnter:function(e){e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow,g(e,"collapse-transition")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(b(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px",e.style.maxHeight="0px")},onAfterLeave:function(e){g(e,"collapse-transition"),e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow}}),k=t.computed((function(){return p.value.includes(K)})),M=t.computed((function(){var e,t,n=null===(t=null===(e=_.value)||void 0===e?void 0:e[x.value])||void 0===t?void 0:t.parentKey;return v.value&&n===K&&k}));!function(e){var n=h(),o=n.parentKeys,r=n.parentInfo,l=t.computed((function(){return[].concat(f(o.value),[e])}));t.provide(y,{parentInfo:{key:e,parentKey:null==r?void 0:r.key},parentKeys:l})}(K),s(K,{key:K,parentKey:null==w?void 0:w.key}),t.onBeforeUnmount((function(){return c(K)}));var O=function(){d(K,!k.value),u("collapse",!k.value,I)};return function(){var o,r;return t.createVNode("li",{class:{"bk-menu-submenu":!0,"is-opened":k.value}},[t.createVNode("div",{class:{"submenu-header":!0,"is-collapse":M.value},onClick:O},[t.createVNode("span",{class:"submenu-header-icon"},[(null===(o=a.icon)||void 0===o?void 0:o.call(a))||t.createVNode(n.TreeApplicationShape,{class:"menu-icon"},null)]),t.createVNode("span",{class:"submenu-header-content"},[e.title]),t.createVNode(n.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":p.value.includes(K)}},null)]),t.createVNode(t.Transition,S.value,{default:function(){return[t.withDirectives(t.createVNode("ul",{class:"submenu-list"},[null===(r=a.default)||void 0===r?void 0:r.call(a)]),[[t.vShow,k.value]])]}})])}}}),k=t.defineComponent({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,n){var o=n.slots;return function(){var n;return t.createVNode("div",{class:"bk-menu-group"},[t.createVNode("div",{class:"group-name"},[e.name]),t.createVNode("ul",{class:"group-wrap"},[null===(n=o.default)||void 0===n?void 0:n.call(o)])])}}}),M=o.withInstallProps(w,{Item:I,Submenu:S,Group:k});e.default=M,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/message/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,n,o){"use strict";var s={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1,i=function(e,n){var o=n,i=o.position||"top-right";"string"==typeof n&&(o={message:n});var a=n.onClose,u=o.offset||20;s[i].forEach((function(e){u+=(e.el.offsetHeight||0)+16})),u+=16;var c="message_".concat(r+=1);o=Object.assign(Object.assign({},o),{offset:u,id:c});var l=document.createElement("div"),d=t.createVNode(e,o);d.props.onDestory=function(e){!function(e,t,n){null==n||n();var o=t.startsWith("top")?"top":"bottom",r=-1;s[t].forEach((function(t,n){t.props.id===e&&(r=n)}));for(var i=s[t][r].el.offsetHeight,a=s[t].length,u=r;u<a;u++){var c=parseInt(s[t][u].el.style[o],10)-i-16;s[t][u].component.props.offset=c}s[t].splice(r,1)}(e,i,a),t.render(null,l)},t.render(d,l),s[i].push(d),document.body.appendChild(l.firstElementChild)};var a={id:n.PropTypes.string.def(""),message:n.PropTypes.string.def(""),theme:n.PropTypes.theme(["primary","warning","success","danger"]).def("primary"),delay:n.PropTypes.number.def(3e3),offset:n.PropTypes.number.def(0),onClose:n.PropTypes.func},u=t.defineComponent({name:"
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,n,o){"use strict";var s={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},r=1,i=function(e,n){var o=n,i=o.position||"top-right";"string"==typeof n&&(o={message:n});var a=n.onClose,u=o.offset||20;s[i].forEach((function(e){u+=(e.el.offsetHeight||0)+16})),u+=16;var c="message_".concat(r+=1);o=Object.assign(Object.assign({},o),{offset:u,id:c});var l=document.createElement("div"),d=t.createVNode(e,o);d.props.onDestory=function(e){!function(e,t,n){null==n||n();var o=t.startsWith("top")?"top":"bottom",r=-1;s[t].forEach((function(t,n){t.props.id===e&&(r=n)}));for(var i=s[t][r].el.offsetHeight,a=s[t].length,u=r;u<a;u++){var c=parseInt(s[t][u].el.style[o],10)-i-16;s[t][u].component.props.offset=c}s[t].splice(r,1)}(e,i,a),t.render(null,l)},t.render(d,l),s[i].push(d),document.body.appendChild(l.firstElementChild)};var a={id:n.PropTypes.string.def(""),message:n.PropTypes.string.def(""),theme:n.PropTypes.theme(["primary","warning","success","danger"]).def("primary"),delay:n.PropTypes.number.def(3e3),offset:n.PropTypes.number.def(0),onClose:n.PropTypes.func},u=t.defineComponent({name:"Message",props:a,emits:["destory"],setup:function(e,o){var s=o.emit,r=t.computed((function(){return["bk-message","bk-message-".concat(e.theme)]})),i=n.bkZIndexManager.getMessageNextIndex(),a=t.computed((function(){return{top:"".concat(e.offset,"px"),zIndex:i}})),u=t.ref(!1),c=null;return t.onMounted((function(){c=setTimeout((function(){u.value=!1}),e.delay),u.value=!0})),t.onUnmounted((function(){clearTimeout(c)})),t.watch(u,(function(){u.value||s("destory",e.id)})),{classNames:r,styles:a,visible:u,handleClose:function(){u.value=!1}}},render:function(){var e=this;return t.createVNode(t.Transition,{name:"bk-message-fade"},{default:function(){return[t.withDirectives(t.createVNode("div",{class:e.classNames,style:e.styles},[t.createVNode("div",{class:"bk-message-content"},[t.createVNode("div",{class:"bk-message-icon"},[{primary:t.createVNode(o.Info,null,null),warning:t.createVNode(o.Warn,null,null),success:t.createVNode(o.Success,null,null),danger:t.createVNode(o.Close,null,null)}[e.theme]]),e.message]),t.createVNode(o.Error,{class:"bk-message-icon bk-message-close",onClick:e.handleClose},null)]),[[t.vShow,e.visible]])]}})}});e.default=function(e){i(u,e)},Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/modal/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.default=e.exports,e.exports.__esModule=!0}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var l={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var d={exports:{}};!function(e){e.exports=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.")},e.exports.default=e.exports,e.exports.__esModule=!0}(d),function(e){var t=i.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.default=e.exports,e.exports.__esModule=!0}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Object,String],default:""},scrollable:{type:Boolean,default:!0}},c=t.defineComponent({name:"
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.default=e.exports,e.exports.__esModule=!0}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var l={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var d={exports:{}};!function(e){e.exports=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.")},e.exports.default=e.exports,e.exports.__esModule=!0}(d),function(e){var t=i.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.default=e.exports,e.exports.__esModule=!0}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Object,String],default:""},scrollable:{type:Boolean,default:!0}},c=t.defineComponent({name:"Modal",props:Object.assign({},p),data:function(){return{visible:!1}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(e){var t=this;e?this.$nextTick((function(){o.bkPopIndexManager.show(t.$el)})):o.bkPopIndexManager.hide(this.$el)}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,display:this.visible?"inherit":"none"}}},beforeUnmount:function(){o.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,r,n,i,s,a,l,d;return t.createVNode("div",{class:["bk-modal-wrapper"].concat(u(this.customClass)),style:this.compStyle},[this.isShow?t.createVNode("div",{class:"bk-modal-body"},[t.createVNode("div",{class:"bk-modal-header"},[null!==(r=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==r?r:""]),t.createVNode("div",{class:"bk-modal-content"},[null!==(s=null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n))&&void 0!==s?s:""]),t.createVNode("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=this.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""])}}),f=o.withInstallProps(c,{propsMixin:p},!0);e.BkModal=f,e.default=f,e.propsMixin=p,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/navigation/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,i){"use strict";var o={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}},a=t.defineComponent({props:o,slots:["side-icon"],setup:function(e,i){var o=i.slots;return function(){var i,a;return t.createVNode("div",{class:"bk-navigation-title",style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(i=o.default)||void 0===i?void 0:i.call(o))||[t.createVNode("span",{class:"title-icon"},[(null===(a=o["side-icon"])||void 0===a?void 0:a.call(o))||t.createVNode("i",{class:"bk-icon icon-rtx"},null)]),t.createVNode("span",{class:"title-desc"},[e.sideTitle])]])}}}),n={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}},l=t.defineComponent({name:"
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,i){"use strict";var o={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}},a=t.defineComponent({props:o,slots:["side-icon"],setup:function(e,i){var o=i.slots;return function(){var i,a;return t.createVNode("div",{class:"bk-navigation-title",style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(i=o.default)||void 0===i?void 0:i.call(o))||[t.createVNode("span",{class:"title-icon"},[(null===(a=o["side-icon"])||void 0===a?void 0:a.call(o))||t.createVNode("i",{class:"bk-icon icon-rtx"},null)]),t.createVNode("span",{class:"title-desc"},[e.sideTitle])]])}}}),n={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}},l=t.defineComponent({name:"Navigation",props:n,emits:["leave","toggle","hover","toggle-click"],slots:["header","menu","footer","side-icon","side-header"],setup:function(e,i){var o=i.emit,a=t.ref(e.headerTitle),n=t.reactive({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});e.defaultOpen&&(n.click=!n.click,n.hover=n.click,o("toggle",n.hover)),t.onBeforeUnmount((function(){n.timer&&window.clearTimeout(n.timer)}));return{defaultHeaderTitle:a,nav:n,onBeforeUnmount:t.onBeforeUnmount,handleMouseOver:function(){n.click||(n.enterTimer=setTimeout((function(){n.hover=!0,n.enterTimer&&window.clearTimeout(n.enterTimer),n.timer&&window.clearTimeout(n.timer),o("hover",n.hover),o("toggle",n.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){n.click||(n.enterTimer&&window.clearTimeout(n.enterTimer),n.timer=setTimeout((function(){n.hover=!1,window.clearTimeout(n.timer),o("leave",n.hover),o("toggle",n.hover)}),e.hoverLeaveDelay))},handleClick:function(){n.click=!n.click,n.hover=n.click,o("toggle",n.hover),o("toggle-click",n.hover)}}},render:function(){var e,o,n,l,s,r,d,c,h,v,u,f;return t.createVNode("div",{class:"bk-navigation"},["top-bottom"===this.navigationType&&t.createVNode("div",{class:"bk-navigation-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[t.createVNode(a,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),t.createVNode("div",{class:"header-right"},[null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e)])]),t.createVNode("div",{class:"bk-navigation-wrapper"},[this.needMenu&&t.createVNode("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[t.createVNode("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&t.createVNode(a,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),t.createVNode("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(l=(n=this.$slots).menu)||void 0===l?void 0:l.call(n)]),t.createVNode("div",{class:"nav-slider-footer"},[t.createVNode("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[t.createVNode(i.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])])])]),t.createVNode("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&t.createVNode("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(r=(s=this.$slots).header)||void 0===r?void 0:r.call(s))||[t.createVNode("div",{class:"container-header-title"},[this.headerTitle]),t.createVNode("div",{class:"container-header-sets"},[null===(c=(d=this.$slots)["header-set"])||void 0===c?void 0:c.call(d)])]]),t.createVNode("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(v=(h=this.$slots).default)||void 0===v?void 0:v.call(h),t.createVNode("div",{class:"container-footer"},[null===(f=(u=this.$slots).footer)||void 0===f?void 0:f.call(u)])])])])])}});l.install=function(e){e.component(l.name,l)},e.default=l,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/notify/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,n){"use strict";var r={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},i=1,s=function(e,o){var n=o,s=n.position||"top-right";"string"==typeof o&&(n={message:o});var u=o.onClose,a=n.offset||20;r[s].forEach((function(e){a+=(e.el.offsetHeight||0)+16})),a+=16;var l="message_".concat(i+=1);n=Object.assign(Object.assign({},n),{offset:a,id:l});var c=document.createElement("div"),f=t.createVNode(e,n);f.props.onDestory=function(e){!function(e,t,o){null==o||o();var n=t.startsWith("top")?"top":"bottom",i=-1;r[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var s=r[t][i].el.offsetHeight,u=r[t].length,a=i;a<u;a++){var l=parseInt(r[t][a].el.style[n],10)-s-16;r[t][a].component.props.offset=l}r[t].splice(i,1)}(e,s,u),t.render(null,c)},t.render(f,c),r[s].push(f),document.body.appendChild(c.firstElementChild)};function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var l=u(a.exports),c={id:o.PropTypes.string.def(""),title:o.PropTypes.string.def(""),message:o.PropTypes.string.def(""),theme:o.PropTypes.theme(["primary","warning","success","danger"]).def("primary"),position:o.PropTypes.position().def("top-right"),delay:o.PropTypes.number.def(3e3),offset:o.PropTypes.number.def(0),onClose:o.PropTypes.func},f=t.defineComponent({name:"
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,n){"use strict";var r={"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]},i=1,s=function(e,o){var n=o,s=n.position||"top-right";"string"==typeof o&&(n={message:o});var u=o.onClose,a=n.offset||20;r[s].forEach((function(e){a+=(e.el.offsetHeight||0)+16})),a+=16;var l="message_".concat(i+=1);n=Object.assign(Object.assign({},n),{offset:a,id:l});var c=document.createElement("div"),f=t.createVNode(e,n);f.props.onDestory=function(e){!function(e,t,o){null==o||o();var n=t.startsWith("top")?"top":"bottom",i=-1;r[t].forEach((function(t,o){t.props.id===e&&(i=o)}));for(var s=r[t][i].el.offsetHeight,u=r[t].length,a=i;a<u;a++){var l=parseInt(r[t][a].el.style[n],10)-s-16;r[t][a].component.props.offset=l}r[t].splice(i,1)}(e,s,u),t.render(null,c)},t.render(f,c),r[s].push(f),document.body.appendChild(c.firstElementChild)};function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var l=u(a.exports),c={id:o.PropTypes.string.def(""),title:o.PropTypes.string.def(""),message:o.PropTypes.string.def(""),theme:o.PropTypes.theme(["primary","warning","success","danger"]).def("primary"),position:o.PropTypes.position().def("top-right"),delay:o.PropTypes.number.def(3e3),offset:o.PropTypes.number.def(0),onClose:o.PropTypes.func},f=t.defineComponent({name:"Notify",props:c,emits:["destory"],setup:function(e,n){var r=n.emit,i=t.computed((function(){return["bk-notify","bk-notify-".concat(e.theme)]})),s=o.bkZIndexManager.getMessageNextIndex(),u=t.computed((function(){return e.position.indexOf("right")>1?"right":"left"})),a=t.computed((function(){return e.position.startsWith("top")?"top":"bottom"})),c=t.computed((function(){var t;return l(t={},u.value,"10px"),l(t,a.value,"".concat(e.offset,"px")),l(t,"zIndex",s),t})),f=t.ref(!1),d=null;return t.onMounted((function(){d=setTimeout((function(){f.value=!1}),e.delay),f.value=!0})),t.onUnmounted((function(){clearTimeout(d)})),t.watch(f,(function(){f.value||r("destory",e.id)})),{classNames:i,styles:c,visible:f,handleClose:function(){f.value=!1}}},render:function(){var e=this;return t.createVNode(t.Transition,{name:"bk-notify-fade"},{default:function(){return[t.withDirectives(t.createVNode("div",{class:e.classNames,style:e.styles},[t.createVNode("div",{class:"bk-notify-content"},[t.createVNode("div",{class:"bk-notify-icon"},[{primary:t.createVNode(n.Info,null,null),warning:t.createVNode(n.Warn,null,null),success:t.createVNode(n.Success,null,null),danger:t.createVNode(n.Close,null,null)}[e.theme]]),e.title?t.createVNode("h3",{class:"bk-notify-content-header"},[e.title]):"",t.createVNode("div",{class:"bk-notify-content-text"},[e.message])]),t.createVNode(n.Error,{class:"bk-notify-icon bk-notify-close",onClick:e.handleClose},null)]),[[t.vShow,e.visible]])]}})}});e.default=function(e){s(f,e)},Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/popover/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";var n=t.defineComponent({name:"
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";var n=t.defineComponent({name:"Popover",props:{isShow:o.PropTypes.bool,width:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),height:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def("auto"),content:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]).def(""),placement:o.PropTypes.placement().def("top"),theme:o.PropTypes.theme(["dark","light"]).def("light"),handleFirstUpdate:Function,trigger:o.PropTypes.string.def("hover"),arrow:o.PropTypes.bool.def(!0),modifiers:o.PropTypes.array.def([{name:"offset",options:{offset:[0,8]}}])},data:function(){return{popoverInstance:Object.create(null),isPopInstance:!1}},watch:{isShow:{immediate:!0,handler:function(e){var t=this;this.$nextTick((function(){"manual"===t.trigger&&t.isPopInstance&&(e?t.popoverInstance.show():t.popoverInstance.hide())}))}}},mounted:function(){var e=this;this.$nextTick((function(){e.popoverInstance=new o.BKPopover(e.$refs.reference,e.$refs.refContent,{theme:e.theme,placement:e.placement,trigger:e.trigger,modifiers:e.modifiers,onFirstUpdate:e.handleFirstUpdate}),e.isPopInstance=!0}))},beforeUnmount:function(){var e=this.popoverInstance;e.isShow&&e.hide(),e.destroy(),this.popoverInstance=Object.create(null)},methods:{handleClose:function(){this.$emit("update:isShow",!1)}},setup:function(e){var n=t.toRefs(e),r=n.width,s=n.height;return{compStyle:t.computed((function(){return{width:/^\d+$/.test(r.value)?"".concat(r.value,"px"):r.value,height:/^\d+$/.test(s.value)?"".concat(s.value,"px"):s.value,zIndex:o.bkZIndexManager.getModalNextIndex()}}))}},render:function(){var e,o,n,r,s;return t.createVNode("div",{class:"bk-popover"},[t.createVNode("div",{ref:"reference",class:"bk-popover-reference"},[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e)]),t.createVNode("div",{ref:"refContent",class:"bk-popover-content",style:this.compStyle},[null!==(s=null===(r=(n=this.$slots).content)||void 0===r?void 0:r.call(n))&&void 0!==s?s:this.content,this.arrow&&t.createVNode("div",{class:"arrow","data-popper-arrow":!0},null)])])}}),r=o.withInstall(n);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/preset.d.ts
CHANGED
@@ -1,8 +1,7 @@
|
|
1
1
|
import { App } from 'vue';
|
2
2
|
declare const _default: {
|
3
|
-
createInstall: (prefix?: string) => (app: App<any>) =>
|
4
|
-
|
5
|
-
install: (app: App<any>) => App<any>[];
|
3
|
+
createInstall: (prefix?: string) => (app: App<any>) => void;
|
4
|
+
install: (app: App<any>) => void;
|
6
5
|
version: string;
|
7
6
|
};
|
8
7
|
export default _default;
|
@@ -0,0 +1,145 @@
|
|
1
|
+
declare const BkSteps: {
|
2
|
+
new (...args: any[]): {
|
3
|
+
$: import("vue").ComponentInternalInstance;
|
4
|
+
$data: {};
|
5
|
+
$props: Partial<{
|
6
|
+
list: unknown[];
|
7
|
+
extCls: string;
|
8
|
+
controllable: boolean;
|
9
|
+
showSteps: boolean;
|
10
|
+
curProcess: number;
|
11
|
+
displayKey: string;
|
12
|
+
}> & Omit<Readonly<{
|
13
|
+
list?: unknown;
|
14
|
+
controllable?: unknown;
|
15
|
+
showSteps?: unknown;
|
16
|
+
curProcess?: unknown;
|
17
|
+
displayKey?: unknown;
|
18
|
+
extCls?: unknown;
|
19
|
+
} & {
|
20
|
+
list: unknown[];
|
21
|
+
extCls: string;
|
22
|
+
controllable: boolean;
|
23
|
+
showSteps: boolean;
|
24
|
+
curProcess: number;
|
25
|
+
displayKey: string;
|
26
|
+
} & {}> & {
|
27
|
+
onClick?: (...args: any[]) => any;
|
28
|
+
"onUpdate:curProcess"?: (...args: any[]) => any;
|
29
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "extCls" | "controllable" | "showSteps" | "curProcess" | "displayKey">;
|
30
|
+
$attrs: {
|
31
|
+
[x: string]: unknown;
|
32
|
+
};
|
33
|
+
$refs: {
|
34
|
+
[x: string]: unknown;
|
35
|
+
};
|
36
|
+
$slots: Readonly<{
|
37
|
+
[name: string]: import("vue").Slot;
|
38
|
+
}>;
|
39
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
40
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
41
|
+
$emit: (event: "click" | "update:curProcess", ...args: any[]) => void;
|
42
|
+
$el: any;
|
43
|
+
$options: import("vue").ComponentOptionsBase<Readonly<{
|
44
|
+
list?: unknown;
|
45
|
+
controllable?: unknown;
|
46
|
+
showSteps?: unknown;
|
47
|
+
curProcess?: unknown;
|
48
|
+
displayKey?: unknown;
|
49
|
+
extCls?: unknown;
|
50
|
+
} & {
|
51
|
+
list: unknown[];
|
52
|
+
extCls: string;
|
53
|
+
controllable: boolean;
|
54
|
+
showSteps: boolean;
|
55
|
+
curProcess: number;
|
56
|
+
displayKey: string;
|
57
|
+
} & {}> & {
|
58
|
+
onClick?: (...args: any[]) => any;
|
59
|
+
"onUpdate:curProcess"?: (...args: any[]) => any;
|
60
|
+
}, {
|
61
|
+
defaultProcessList: import("vue").Ref<any[]>;
|
62
|
+
paddingBottom: import("vue").Ref<number>;
|
63
|
+
jumpTo: (index: any) => Promise<void>;
|
64
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], string, {
|
65
|
+
list: unknown[];
|
66
|
+
extCls: string;
|
67
|
+
controllable: boolean;
|
68
|
+
showSteps: boolean;
|
69
|
+
curProcess: number;
|
70
|
+
displayKey: string;
|
71
|
+
}> & {
|
72
|
+
beforeCreate?: (() => void) | (() => void)[];
|
73
|
+
created?: (() => void) | (() => void)[];
|
74
|
+
beforeMount?: (() => void) | (() => void)[];
|
75
|
+
mounted?: (() => void) | (() => void)[];
|
76
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
77
|
+
updated?: (() => void) | (() => void)[];
|
78
|
+
activated?: (() => void) | (() => void)[];
|
79
|
+
deactivated?: (() => void) | (() => void)[];
|
80
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
81
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
82
|
+
destroyed?: (() => void) | (() => void)[];
|
83
|
+
unmounted?: (() => void) | (() => void)[];
|
84
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
85
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
86
|
+
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
|
87
|
+
};
|
88
|
+
$forceUpdate: () => void;
|
89
|
+
$nextTick: typeof import("vue").nextTick;
|
90
|
+
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
91
|
+
} & Readonly<{
|
92
|
+
list?: unknown;
|
93
|
+
controllable?: unknown;
|
94
|
+
showSteps?: unknown;
|
95
|
+
curProcess?: unknown;
|
96
|
+
displayKey?: unknown;
|
97
|
+
extCls?: unknown;
|
98
|
+
} & {
|
99
|
+
list: unknown[];
|
100
|
+
extCls: string;
|
101
|
+
controllable: boolean;
|
102
|
+
showSteps: boolean;
|
103
|
+
curProcess: number;
|
104
|
+
displayKey: string;
|
105
|
+
} & {}> & {
|
106
|
+
onClick?: (...args: any[]) => any;
|
107
|
+
"onUpdate:curProcess"?: (...args: any[]) => any;
|
108
|
+
} & import("vue").ShallowUnwrapRef<{
|
109
|
+
defaultProcessList: import("vue").Ref<any[]>;
|
110
|
+
paddingBottom: import("vue").Ref<number>;
|
111
|
+
jumpTo: (index: any) => Promise<void>;
|
112
|
+
}> & {} & {} & import("vue").ComponentCustomProperties;
|
113
|
+
__isFragment?: never;
|
114
|
+
__isTeleport?: never;
|
115
|
+
__isSuspense?: never;
|
116
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
117
|
+
list?: unknown;
|
118
|
+
controllable?: unknown;
|
119
|
+
showSteps?: unknown;
|
120
|
+
curProcess?: unknown;
|
121
|
+
displayKey?: unknown;
|
122
|
+
extCls?: unknown;
|
123
|
+
} & {
|
124
|
+
list: unknown[];
|
125
|
+
extCls: string;
|
126
|
+
controllable: boolean;
|
127
|
+
showSteps: boolean;
|
128
|
+
curProcess: number;
|
129
|
+
displayKey: string;
|
130
|
+
} & {}> & {
|
131
|
+
onClick?: (...args: any[]) => any;
|
132
|
+
"onUpdate:curProcess"?: (...args: any[]) => any;
|
133
|
+
}, {
|
134
|
+
defaultProcessList: import("vue").Ref<any[]>;
|
135
|
+
paddingBottom: import("vue").Ref<number>;
|
136
|
+
jumpTo: (index: any) => Promise<void>;
|
137
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], "click" | "update:curProcess", {
|
138
|
+
list: unknown[];
|
139
|
+
extCls: string;
|
140
|
+
controllable: boolean;
|
141
|
+
showSteps: boolean;
|
142
|
+
curProcess: number;
|
143
|
+
displayKey: string;
|
144
|
+
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
145
|
+
export default BkSteps;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).bkuiVue={},t.Vue,t.Shared,t["@bkui-vue/icon/icons"])}(this,(function(t,e,r,n){"use strict";function o(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var i={exports:{}};!function(t){t.exports=function(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t},t.exports.default=t.exports,t.exports.__esModule=!0}(i);var a=o(i.exports),c={exports:{}},s={exports:{}},u={exports:{}};!function(t){t.exports=function(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},t.exports.default=t.exports,t.exports.__esModule=!0}(u),function(t){var e=u.exports;t.exports=function(t){if(Array.isArray(t))return e(t)},t.exports.default=t.exports,t.exports.__esModule=!0}(s);var l={exports:{}};!function(t){t.exports=function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)},t.exports.default=t.exports,t.exports.__esModule=!0}(l);var f={exports:{}};!function(t){var e=u.exports;t.exports=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}},t.exports.default=t.exports,t.exports.__esModule=!0}(f);var p={exports:{}};!function(t){t.exports=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.")},t.exports.default=t.exports,t.exports.__esModule=!0}(p),function(t){var e=s.exports,r=l.exports,n=f.exports,o=p.exports;t.exports=function(t){return e(t)||r(t)||n(t)||o()},t.exports.default=t.exports,t.exports.__esModule=!0}(c);var h=o(c.exports),d={exports:{}};!function(t){var e=function(t){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 s(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,r){return t[e]=r}}function u(t,e,r,n){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),a=new O(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 N()}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 s=l(t,e,r);if("normal"===s.type){if(n=r.done?d:p,s.arg===y)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=d,r.method="throw",r.arg=s.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=u;var f="suspendedStart",p="suspendedYield",h="executing",d="completed",y={};function v(){}function g(){}function x(){}var m={};s(m,i,(function(){return this}));var b=Object.getPrototypeOf,w=b&&b(b(T([])));w&&w!==r&&n.call(w,i)&&(m=w);var _=x.prototype=v.prototype=Object.create(m);function L(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function P(t,e){function r(o,i,a,c){var s=l(t[o],t,i);if("throw"!==s.type){var u=s.arg,f=u.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){u.value=t,a(u)}),(function(t){return r("throw",t,a,c)}))}c(s.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 j(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 k(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function O(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(j,this),this.reset(!0)}function T(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:N}}function N(){return{value:e,done:!0}}return g.prototype=x,s(_,"constructor",x),s(x,"constructor",g),g.displayName=s(x,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,x):(t.__proto__=x,s(t,c,"GeneratorFunction")),t.prototype=Object.create(_),t},t.awrap=function(t){return{__await:t}},L(P.prototype),s(P.prototype,a,(function(){return this})),t.AsyncIterator=P,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new P(u(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(_),s(_,c,"Generator"),s(_,i,(function(){return this})),s(_,"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=T,O.prototype={constructor:O,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(k),!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 s=n.call(a,"catchLoc"),u=n.call(a,"finallyLoc");if(s&&u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!u)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),k(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;k(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:T(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)}}(d);var y=d.exports;
|
2
|
+
/*! *****************************************************************************
|
3
|
+
Copyright (c) Microsoft Corporation.
|
4
|
+
|
5
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
6
|
+
purpose with or without fee is hereby granted.
|
7
|
+
|
8
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
9
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
10
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
11
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
12
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
13
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
14
|
+
PERFORMANCE OF THIS SOFTWARE.
|
15
|
+
***************************************************************************** */function v(t,e,r,n){return new(r||(r=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n.throw(t))}catch(t){i(t)}}function s(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(a,c)}s((n=n.apply(t,e||[])).next())}))}var g={list:r.PropTypes.array.def([]),controllable:r.PropTypes.bool.def(!1),showSteps:r.PropTypes.bool.def(!1),curProcess:r.PropTypes.number.def(0),displayKey:r.PropTypes.string.def("content"),extCls:r.PropTypes.string},x=e.defineComponent({name:"BKProcess",props:g,emits:["update:curProcess","click"],setup:function(t,r){var n=this,o=r.emit,i=e.ref([]),a=e.ref(0);return e.onMounted((function(){var e,r,n;((e=i.value).splice.apply(e,[0,i.value.length].concat([{content:"步骤1"},{content:"步骤2"},{content:"步骤3"},{content:"步骤4"},{content:"步骤5"}])),console.log("props.list",t.list),null===(r=t.list)||void 0===r?void 0:r.length)&&(n=i.value).splice.apply(n,[0,i.value.length].concat(h(t.list)))})),{defaultProcessList:i,paddingBottom:a,jumpTo:function(e){return v(n,void 0,void 0,y.mark((function r(){return y.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:console.log(e);try{t.controllable&&e!==t.curProcess&&(console.log(t.curProcess),o("update:curProcess",e),console.log(t.curProcess),o("click",e))}catch(t){console.warn(t)}case 2:case"end":return r.stop()}}),r)})))}}},render:function(){var t=this,o=r.classes(a({},"".concat(this.extCls),!!this.extCls),"".concat("bk-process")),i=function(t){return"loading"===t.status},c=function(t){return t.icon?t.icon:""},s=function(r,o){return r===t.curProcess-1&&i(o)?e.createVNode(n.Circle,{class:"bk-icon bk-process-icon icon-loading"},null):function(t){return"error"===t.status}(o)?e.createVNode(n.Error,{class:"bk-process-icon"},null):function(e){return t.curProcess>=e+1||"done"===t.defaultProcessList[e].status}(r)?e.createVNode(n.Done,{class:"bk-process-icon-done"},null):e.createVNode("span",{class:"number"},[c(o)])};return e.createVNode("div",{class:o},[e.createVNode("ul",{style:{paddingBottom:"".concat(this.paddingBottom,"px")}},[this.defaultProcessList.map((function(r,n){return e.createVNode("li",{onClick:function(){t.jumpTo(n+1)},style:{cursor:t.controllable?"pointer":""},class:{success:t.curProcess>=n+1,current:i(r)&&n===t.curProcess-1}},[r[t.displayKey],s(n,r)])}))])])}}),m=r.withInstall(x);t.default=m,Object.defineProperty(t,"__esModule",{value:!0})}));
|
@@ -0,0 +1,139 @@
|
|
1
|
+
* {
|
2
|
+
box-sizing: border-box;
|
3
|
+
}
|
4
|
+
.bk-process {
|
5
|
+
position: relative;
|
6
|
+
display: flex;
|
7
|
+
}
|
8
|
+
@keyframes loadingCircle {
|
9
|
+
100% {
|
10
|
+
transform: rotate(360deg);
|
11
|
+
}
|
12
|
+
}
|
13
|
+
.bk-process .bk-process-toggle {
|
14
|
+
position: relative;
|
15
|
+
left: 15px;
|
16
|
+
width: 24px;
|
17
|
+
height: 24px;
|
18
|
+
font-size: 12px;
|
19
|
+
line-height: 24px;
|
20
|
+
color: #63656e;
|
21
|
+
text-align: center;
|
22
|
+
text-decoration: none;
|
23
|
+
border: 1px solid #c4c6cc;
|
24
|
+
border-radius: 50%;
|
25
|
+
}
|
26
|
+
.bk-process .bk-process-toggle.active,
|
27
|
+
.bk-process .bk-process-toggle:hover {
|
28
|
+
color: #fff;
|
29
|
+
background: #3a84ff;
|
30
|
+
border-color: #3a84ff;
|
31
|
+
}
|
32
|
+
.bk-process .bk-process-icon-done {
|
33
|
+
display: inline-block;
|
34
|
+
height: 20px;
|
35
|
+
font-size: 21px;
|
36
|
+
line-height: 20px;
|
37
|
+
}
|
38
|
+
.bk-process .bk-icon.icon-loading {
|
39
|
+
display: inline-block;
|
40
|
+
font-size: 14px;
|
41
|
+
animation: loadingCircle 1s infinite linear;
|
42
|
+
}
|
43
|
+
.bk-process > ul {
|
44
|
+
-ms-display: flex;
|
45
|
+
-moz-display: flex;
|
46
|
+
-webkit-display: flex;
|
47
|
+
display: table;
|
48
|
+
display: flex;
|
49
|
+
width: 100%;
|
50
|
+
padding: 0;
|
51
|
+
margin: auto;
|
52
|
+
}
|
53
|
+
.bk-process li {
|
54
|
+
position: relative;
|
55
|
+
display: table-cell;
|
56
|
+
height: 24px;
|
57
|
+
font-family: PingFang SC,Microsoft Yahei,Helvetica,Aria;
|
58
|
+
font-size: 12px;
|
59
|
+
line-height: 24px;
|
60
|
+
color: #63656e;
|
61
|
+
text-align: center;
|
62
|
+
background-color: #f0f1f5;
|
63
|
+
flex: 1;
|
64
|
+
}
|
65
|
+
.bk-process li i {
|
66
|
+
display: none;
|
67
|
+
}
|
68
|
+
.bk-process li:first-of-type {
|
69
|
+
border-radius: 13px 0 0 13px;
|
70
|
+
}
|
71
|
+
.bk-process li:last-of-type {
|
72
|
+
border-radius: 0 13px 13px 0;
|
73
|
+
}
|
74
|
+
.bk-process li:last-of-type::before {
|
75
|
+
display: none;
|
76
|
+
}
|
77
|
+
.bk-process li:last-of-type::after {
|
78
|
+
display: none;
|
79
|
+
}
|
80
|
+
.bk-process li::before {
|
81
|
+
position: absolute;
|
82
|
+
top: 0;
|
83
|
+
right: -25px;
|
84
|
+
z-index: 1;
|
85
|
+
width: 0;
|
86
|
+
height: 0;
|
87
|
+
border: 12px solid;
|
88
|
+
border-color: transparent transparent transparent #fff;
|
89
|
+
content: '';
|
90
|
+
}
|
91
|
+
.bk-process li::after {
|
92
|
+
position: absolute;
|
93
|
+
top: 0;
|
94
|
+
right: -23px;
|
95
|
+
z-index: 1;
|
96
|
+
width: 0;
|
97
|
+
height: 0;
|
98
|
+
border: 12px solid;
|
99
|
+
border-color: transparent transparent transparent #f0f1f5;
|
100
|
+
content: '';
|
101
|
+
}
|
102
|
+
.bk-process li .bk-process-step {
|
103
|
+
font-size: 12px;
|
104
|
+
}
|
105
|
+
.bk-process li .bk-process-step dd {
|
106
|
+
margin: 0;
|
107
|
+
line-height: 32px;
|
108
|
+
}
|
109
|
+
.bk-process li .bk-process-step i {
|
110
|
+
display: none;
|
111
|
+
}
|
112
|
+
.bk-process li .bk-process-step .success i {
|
113
|
+
display: inline-block;
|
114
|
+
color: #2dcb56;
|
115
|
+
}
|
116
|
+
.bk-process li .bk-process-step .steps-loading {
|
117
|
+
top: -2px;
|
118
|
+
}
|
119
|
+
.bk-process li.success {
|
120
|
+
color: #fff;
|
121
|
+
background: #2dcb56;
|
122
|
+
}
|
123
|
+
.bk-process li.success::after {
|
124
|
+
border-color: transparent transparent transparent #2dcb56;
|
125
|
+
}
|
126
|
+
.bk-process li.success .icon-done {
|
127
|
+
font-size: 22px;
|
128
|
+
line-height: 18px;
|
129
|
+
}
|
130
|
+
.bk-process li.current {
|
131
|
+
color: #fff;
|
132
|
+
background: #3a84ff;
|
133
|
+
}
|
134
|
+
.bk-process li.current::after {
|
135
|
+
border-color: transparent transparent transparent #3a84ff;
|
136
|
+
}
|
137
|
+
.bk-process li.current > .bk-spin-loading {
|
138
|
+
vertical-align: -3px;
|
139
|
+
}
|
@@ -0,0 +1,116 @@
|
|
1
|
+
/**
|
2
|
+
* Tencent is pleased to support the open source community by making
|
3
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
|
4
|
+
*
|
5
|
+
* Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
|
6
|
+
*
|
7
|
+
* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
|
8
|
+
*
|
9
|
+
* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
|
10
|
+
*
|
11
|
+
* ---------------------------------------------------
|
12
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
13
|
+
* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
|
14
|
+
* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
|
15
|
+
* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
16
|
+
*
|
17
|
+
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
|
18
|
+
* the Software.
|
19
|
+
*
|
20
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
|
21
|
+
* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
22
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
|
23
|
+
* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
|
24
|
+
* IN THE SOFTWARE.
|
25
|
+
*/
|
26
|
+
import { ExtractPropTypes } from 'vue';
|
27
|
+
declare const processProps: {
|
28
|
+
list: import("vue-types").VueTypeValidableDef<unknown[]> & {
|
29
|
+
default: () => unknown[];
|
30
|
+
} & {
|
31
|
+
default: () => unknown[];
|
32
|
+
};
|
33
|
+
controllable: import("vue-types").VueTypeValidableDef<boolean> & {
|
34
|
+
default: boolean;
|
35
|
+
} & {
|
36
|
+
default: boolean;
|
37
|
+
};
|
38
|
+
showSteps: import("vue-types").VueTypeValidableDef<boolean> & {
|
39
|
+
default: boolean;
|
40
|
+
} & {
|
41
|
+
default: boolean;
|
42
|
+
};
|
43
|
+
curProcess: import("vue-types").VueTypeValidableDef<number> & {
|
44
|
+
default: number;
|
45
|
+
} & {
|
46
|
+
default: number;
|
47
|
+
};
|
48
|
+
displayKey: import("vue-types").VueTypeValidableDef<string> & {
|
49
|
+
default: string;
|
50
|
+
} & {
|
51
|
+
default: string;
|
52
|
+
};
|
53
|
+
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
54
|
+
default: string;
|
55
|
+
};
|
56
|
+
};
|
57
|
+
export declare type ProcessPropType = ExtractPropTypes<typeof processProps>;
|
58
|
+
declare const _default: import("vue").DefineComponent<{
|
59
|
+
list: import("vue-types").VueTypeValidableDef<unknown[]> & {
|
60
|
+
default: () => unknown[];
|
61
|
+
} & {
|
62
|
+
default: () => unknown[];
|
63
|
+
};
|
64
|
+
controllable: import("vue-types").VueTypeValidableDef<boolean> & {
|
65
|
+
default: boolean;
|
66
|
+
} & {
|
67
|
+
default: boolean;
|
68
|
+
};
|
69
|
+
showSteps: import("vue-types").VueTypeValidableDef<boolean> & {
|
70
|
+
default: boolean;
|
71
|
+
} & {
|
72
|
+
default: boolean;
|
73
|
+
};
|
74
|
+
curProcess: import("vue-types").VueTypeValidableDef<number> & {
|
75
|
+
default: number;
|
76
|
+
} & {
|
77
|
+
default: number;
|
78
|
+
};
|
79
|
+
displayKey: import("vue-types").VueTypeValidableDef<string> & {
|
80
|
+
default: string;
|
81
|
+
} & {
|
82
|
+
default: string;
|
83
|
+
};
|
84
|
+
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
85
|
+
default: string;
|
86
|
+
};
|
87
|
+
}, {
|
88
|
+
defaultProcessList: import("vue").Ref<any[]>;
|
89
|
+
paddingBottom: import("vue").Ref<number>;
|
90
|
+
jumpTo: (index: any) => Promise<void>;
|
91
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:curProcess")[], "click" | "update:curProcess", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
92
|
+
list?: unknown;
|
93
|
+
controllable?: unknown;
|
94
|
+
showSteps?: unknown;
|
95
|
+
curProcess?: unknown;
|
96
|
+
displayKey?: unknown;
|
97
|
+
extCls?: unknown;
|
98
|
+
} & {
|
99
|
+
list: unknown[];
|
100
|
+
extCls: string;
|
101
|
+
controllable: boolean;
|
102
|
+
showSteps: boolean;
|
103
|
+
curProcess: number;
|
104
|
+
displayKey: string;
|
105
|
+
} & {}> & {
|
106
|
+
onClick?: (...args: any[]) => any;
|
107
|
+
"onUpdate:curProcess"?: (...args: any[]) => any;
|
108
|
+
}, {
|
109
|
+
list: unknown[];
|
110
|
+
extCls: string;
|
111
|
+
controllable: boolean;
|
112
|
+
showSteps: boolean;
|
113
|
+
curProcess: number;
|
114
|
+
displayKey: string;
|
115
|
+
}>;
|
116
|
+
export default _default;
|