bkui-vue 0.0.1-beta.33 → 0.0.1-beta.36

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.
Files changed (165) hide show
  1. package/dist/bkui-vue.cjs.js +129 -2
  2. package/dist/bkui-vue.esm.js +126 -3
  3. package/dist/bkui-vue.umd.js +129 -2
  4. package/dist/style.css +4 -0
  5. package/lib/alert/alert.js +1 -0
  6. package/lib/animate-number/animate-number.js +1 -0
  7. package/lib/backtop/backtop.js +1 -0
  8. package/lib/badge/badge.js +1 -0
  9. package/lib/breadcrumb/breadcrumb.js +1 -0
  10. package/lib/button/button.css +3 -0
  11. package/lib/button/button.js +1 -0
  12. package/lib/button/button.less +3 -0
  13. package/lib/button/button.variable.css +3 -0
  14. package/lib/card/card.js +1 -0
  15. package/lib/checkbox/checkbox.js +1 -0
  16. package/lib/code-diff/code-diff.js +1 -0
  17. package/lib/collapse/collapse.js +1 -0
  18. package/lib/components.d.ts +2 -0
  19. package/lib/date-picker/date-picker.js +1 -0
  20. package/lib/dialog/dialog.js +1 -0
  21. package/lib/directives/directives.js +2 -0
  22. package/lib/directives/directives.js.LICENSE.txt +14 -0
  23. package/lib/divider/divider.js +1 -0
  24. package/lib/dropdown/dropdown.js +1 -0
  25. package/lib/exception/exception.js +1 -0
  26. package/lib/fixed-navbar/fixed-navbar.js +1 -0
  27. package/lib/form/form.js +1 -0
  28. package/lib/icon/angle-double-down-line.js +1 -15
  29. package/lib/icon/angle-double-left-line.js +1 -15
  30. package/lib/icon/angle-double-left.js +1 -15
  31. package/lib/icon/angle-double-right-line.js +1 -15
  32. package/lib/icon/angle-double-right.js +1 -15
  33. package/lib/icon/angle-double-up-line.js +1 -15
  34. package/lib/icon/angle-down-fill.js +1 -15
  35. package/lib/icon/angle-down-line.js +1 -15
  36. package/lib/icon/angle-down.js +1 -15
  37. package/lib/icon/angle-left.js +1 -15
  38. package/lib/icon/angle-right.js +1 -15
  39. package/lib/icon/angle-up-fill.js +1 -15
  40. package/lib/icon/angle-up.js +1 -15
  41. package/lib/icon/arrows-left.js +1 -15
  42. package/lib/icon/arrows-right.js +1 -15
  43. package/lib/icon/bk.js +1 -15
  44. package/lib/icon/circle.js +1 -15
  45. package/lib/icon/close.js +1 -15
  46. package/lib/icon/code.js +1 -15
  47. package/lib/icon/cog-shape.js +1 -15
  48. package/lib/icon/collapse-left.js +1 -15
  49. package/lib/icon/copy.js +1 -15
  50. package/lib/icon/done.js +1 -15
  51. package/lib/icon/down-shape.js +1 -15
  52. package/lib/icon/down-small.js +1 -15
  53. package/lib/icon/ellipsis.js +1 -15
  54. package/lib/icon/error.js +1 -15
  55. package/lib/icon/eye.js +1 -15
  56. package/lib/icon/folder-open.js +1 -15
  57. package/lib/icon/folder-shape-open.js +1 -15
  58. package/lib/icon/folder-shape.js +1 -15
  59. package/lib/icon/folder.js +1 -15
  60. package/lib/icon/help-document-fill.js +1 -15
  61. package/lib/icon/help-fill.js +1 -15
  62. package/lib/icon/help.js +1 -15
  63. package/lib/icon/icon.js +1 -15
  64. package/lib/icon/info-line.js +1 -15
  65. package/lib/icon/info.js +1 -15
  66. package/lib/icon/left-shape.js +1 -15
  67. package/lib/icon/play-shape.js +1 -15
  68. package/lib/icon/plus.js +1 -15
  69. package/lib/icon/qq.js +1 -15
  70. package/lib/icon/right-shape.js +1 -15
  71. package/lib/icon/search.js +1 -15
  72. package/lib/icon/share.js +1 -15
  73. package/lib/icon/spinner.js +1 -15
  74. package/lib/icon/success.js +1 -15
  75. package/lib/icon/switcher-loading.js +1 -15
  76. package/lib/icon/text-file.js +1 -15
  77. package/lib/icon/tree-application-shape.js +1 -15
  78. package/lib/icon/unvisible.js +1 -15
  79. package/lib/icon/up-shape.js +1 -15
  80. package/lib/icon/warn.js +1 -15
  81. package/lib/icon/weixin.js +1 -15
  82. package/lib/input/input.js +1 -0
  83. package/lib/link/link.js +1 -0
  84. package/lib/loading/loading.css +1 -0
  85. package/lib/loading/loading.js +1 -0
  86. package/lib/loading/loading.less +1 -0
  87. package/lib/loading/loading.variable.css +1 -0
  88. package/lib/menu/menu.js +1 -0
  89. package/lib/message/message.js +1 -0
  90. package/lib/modal/modal.js +1 -0
  91. package/lib/navigation/navigation.js +1 -0
  92. package/lib/notify/notify.js +1 -0
  93. package/lib/pagination/pagination.js +1 -0
  94. package/lib/popover/popover.js +1 -0
  95. package/lib/process/process.js +1 -0
  96. package/lib/progress/progress.js +1 -0
  97. package/lib/radio/radio.js +1 -0
  98. package/lib/rate/rate.js +1 -0
  99. package/lib/resize-layout/resize-layout.js +1 -0
  100. package/lib/select/select.js +1 -0
  101. package/lib/shared/shared.js +1 -0
  102. package/lib/sideslider/sideslider.js +1 -0
  103. package/lib/slider/slider.js +1 -0
  104. package/lib/steps/steps.js +1 -0
  105. package/lib/swiper/swiper.js +1 -0
  106. package/lib/switcher/switcher.js +1 -0
  107. package/lib/tab/tab.js +1 -0
  108. package/lib/table/table.js +1 -0
  109. package/lib/tag/tag.js +1 -0
  110. package/lib/tag-input/tag-input.js +1 -0
  111. package/lib/timeline/timeline.js +1 -0
  112. package/lib/transfer/transfer.js +1 -0
  113. package/lib/tree/tree.js +1 -0
  114. package/lib/virtual-render/virtual-render.js +1 -0
  115. package/package.json +10 -16
  116. package/lib/alert/index.js +0 -1
  117. package/lib/animate-number/index.js +0 -1
  118. package/lib/backtop/index.js +0 -10
  119. package/lib/badge/index.js +0 -1
  120. package/lib/breadcrumb/index.js +0 -1
  121. package/lib/button/index.js +0 -1
  122. package/lib/card/index.js +0 -1
  123. package/lib/checkbox/index.js +0 -1
  124. package/lib/code-diff/index.js +0 -1
  125. package/lib/collapse/index.js +0 -1
  126. package/lib/date-picker/index.js +0 -1
  127. package/lib/dialog/index.js +0 -1
  128. package/lib/directives/index.js +0 -15
  129. package/lib/divider/index.js +0 -1
  130. package/lib/dropdown/index.js +0 -1
  131. package/lib/exception/index.js +0 -1
  132. package/lib/fixed-navbar/index.js +0 -1
  133. package/lib/form/index.js +0 -1
  134. package/lib/icon/index.js +0 -15
  135. package/lib/input/index.js +0 -15
  136. package/lib/link/index.js +0 -1
  137. package/lib/loading/index.js +0 -1
  138. package/lib/menu/index.js +0 -1
  139. package/lib/message/index.js +0 -1
  140. package/lib/modal/index.js +0 -1
  141. package/lib/navigation/index.js +0 -1
  142. package/lib/notify/index.js +0 -1
  143. package/lib/pagination/index.js +0 -1
  144. package/lib/popover/index.js +0 -1
  145. package/lib/process/index.js +0 -15
  146. package/lib/progress/index.js +0 -1
  147. package/lib/radio/index.js +0 -1
  148. package/lib/rate/index.js +0 -1
  149. package/lib/resize-layout/index.js +0 -1
  150. package/lib/select/index.js +0 -15
  151. package/lib/shared/index.js +0 -1
  152. package/lib/sideslider/index.js +0 -1
  153. package/lib/slider/index.js +0 -15
  154. package/lib/steps/index.js +0 -15
  155. package/lib/styles/index.js +0 -1
  156. package/lib/swiper/index.js +0 -1
  157. package/lib/switcher/index.js +0 -1
  158. package/lib/tab/index.js +0 -1
  159. package/lib/table/index.js +0 -10
  160. package/lib/tag/index.js +0 -1
  161. package/lib/tag-input/index.js +0 -1
  162. package/lib/timeline/index.js +0 -1
  163. package/lib/transfer/index.js +0 -1
  164. package/lib/tree/index.js +0 -1
  165. package/lib/virtual-render/index.js +0 -10
@@ -8947,7 +8947,7 @@ var Component$n = vue.defineComponent({
8947
8947
  "onClick": () => handleItemClick(item)
8948
8948
  }, [vue.createVNode("span", {
8949
8949
  "class": "bk-collapse-title"
8950
- }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : item[props.titleField]]), isItemActive(item) ? vue.createVNode(angleDown, {
8950
+ }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots, item)) != null ? _b : item[props.titleField]]), isItemActive(item) ? vue.createVNode(angleDown, {
8951
8951
  "class": "bk-collapse-icon"
8952
8952
  }, null) : vue.createVNode(angleRight, {
8953
8953
  "class": "bk-collapse-icon"
@@ -20091,6 +20091,125 @@ var FormItem = vue.defineComponent({
20091
20091
  }
20092
20092
  });
20093
20093
  const BkForm = withInstallProps(Form, { FormItem });
20094
+ var Dropdown = vue.defineComponent({
20095
+ name: "BkDropdown",
20096
+ props: {
20097
+ isShow: PropTypes.bool.def(false),
20098
+ placement: PropTypes.commonType(["auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end"], "placement").def("bottom"),
20099
+ trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
20100
+ disabled: PropTypes.bool.def(false),
20101
+ extCls: PropTypes.string
20102
+ },
20103
+ emits: ["showChange"],
20104
+ setup(props, {
20105
+ emit
20106
+ }) {
20107
+ let popoverInstance = /* @__PURE__ */ Object.create(null);
20108
+ const reference2 = vue.ref(null);
20109
+ const refContent = vue.ref(null);
20110
+ vue.onMounted(() => {
20111
+ registerDropdown();
20112
+ });
20113
+ vue.onBeforeUnmount(() => {
20114
+ destoryDropdown();
20115
+ });
20116
+ vue.watch(() => props.isShow, (val) => {
20117
+ vue.nextTick(() => {
20118
+ if (props.trigger === "manual" && popoverInstance && !props.disabled) {
20119
+ val ? popoverInstance.show() : popoverInstance.hide();
20120
+ }
20121
+ });
20122
+ });
20123
+ vue.watch(() => props.disabled, (val) => handleUpdateDisabled(val));
20124
+ const registerDropdown = () => {
20125
+ if (props.disabled)
20126
+ return;
20127
+ popoverInstance = new BKPopover(reference2.value, refContent.value, {
20128
+ placement: props.placement,
20129
+ trigger: props.trigger
20130
+ });
20131
+ props.trigger === "manual" && props.isShow && popoverInstance.show();
20132
+ };
20133
+ const destoryDropdown = () => {
20134
+ if (popoverInstance) {
20135
+ const instance = popoverInstance;
20136
+ instance.isShow && instance.hide();
20137
+ instance.destroy();
20138
+ popoverInstance = null;
20139
+ props.trigger === "manual" && emit("showChange", false);
20140
+ }
20141
+ };
20142
+ const handleUpdateDisabled = (val) => {
20143
+ const instance = popoverInstance;
20144
+ props.trigger === "manual" && !val && emit("showChange", false);
20145
+ instance.updateDisabled(val);
20146
+ };
20147
+ return {
20148
+ reference: reference2,
20149
+ refContent
20150
+ };
20151
+ },
20152
+ render() {
20153
+ var _a, _b, _c, _d;
20154
+ const wrapperClasses = classes({
20155
+ "bk-dropdown": true
20156
+ }, this.$props.extCls);
20157
+ return vue.createVNode("div", {
20158
+ "class": wrapperClasses
20159
+ }, [vue.createVNode("div", {
20160
+ "ref": "reference",
20161
+ "class": "bk-dropdown-reference"
20162
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), vue.createVNode("div", {
20163
+ "ref": "refContent",
20164
+ "class": "bk-dropdown-content"
20165
+ }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
20166
+ }
20167
+ });
20168
+ var DropdownItem = vue.defineComponent({
20169
+ name: "BkDropdownItem",
20170
+ props: {
20171
+ extCls: PropTypes.string
20172
+ },
20173
+ emits: ["click"],
20174
+ setup(props, {
20175
+ emit
20176
+ }) {
20177
+ const handleClick = (evt) => {
20178
+ emit("click", evt);
20179
+ };
20180
+ const wrapperCLasses = vue.computed(() => ["bk-dropdown-item", props.extCls]);
20181
+ return {
20182
+ wrapperCLasses,
20183
+ handleClick
20184
+ };
20185
+ },
20186
+ render() {
20187
+ var _a, _b;
20188
+ return vue.createVNode("li", {
20189
+ "class": this.wrapperCLasses,
20190
+ "onClick": this.handleClick
20191
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
20192
+ }
20193
+ });
20194
+ var DropdownMenu = vue.defineComponent({
20195
+ name: "BkDropdownMenu",
20196
+ props: {
20197
+ extCls: PropTypes.string
20198
+ },
20199
+ setup(props) {
20200
+ const wrapperCLasses = vue.computed(() => ["bk-dropdown-menu", props.extCls]);
20201
+ return {
20202
+ wrapperCLasses
20203
+ };
20204
+ },
20205
+ render() {
20206
+ var _a, _b;
20207
+ return vue.createVNode("ul", {
20208
+ "class": this.wrapperCLasses
20209
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
20210
+ }
20211
+ });
20212
+ const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
20094
20213
  var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
20095
20214
  __proto__: null,
20096
20215
  Alert: BkAlert,
@@ -20140,7 +20259,11 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
20140
20259
  Tree: BkTree,
20141
20260
  VirtualRender: BkVirtualRender,
20142
20261
  Form: BkForm,
20143
- FormItem
20262
+ FormItem,
20263
+ Pagination: BkPagination,
20264
+ Dropdown: BkDropdown,
20265
+ DropdownMenu,
20266
+ DropdownItem
20144
20267
  }, Symbol.toStringTag, { value: "Module" }));
20145
20268
  const createInstall = (prefix = "Bk") => (app) => {
20146
20269
  const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -20175,6 +20298,9 @@ exports.Collapse = BkCollaspe;
20175
20298
  exports.DatePicker = BkDatePicker;
20176
20299
  exports.Dialog = BkDialog;
20177
20300
  exports.Divider = BkDivider;
20301
+ exports.Dropdown = BkDropdown;
20302
+ exports.DropdownItem = DropdownItem;
20303
+ exports.DropdownMenu = DropdownMenu;
20178
20304
  exports.Exception = BkException;
20179
20305
  exports.FixedNavbar = BkFixedNavbar;
20180
20306
  exports.Form = BkForm;
@@ -20187,6 +20313,7 @@ exports.Message = Message;
20187
20313
  exports.Modal = BkModal;
20188
20314
  exports.Navigation = Navigation;
20189
20315
  exports.Notify = Notify;
20316
+ exports.Pagination = BkPagination;
20190
20317
  exports.Popover = BkPopover;
20191
20318
  exports.Progress = BkProgress;
20192
20319
  exports.Radio = BkRadio;
@@ -8945,7 +8945,7 @@ var Component$n = defineComponent({
8945
8945
  "onClick": () => handleItemClick(item)
8946
8946
  }, [createVNode("span", {
8947
8947
  "class": "bk-collapse-title"
8948
- }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : item[props.titleField]]), isItemActive(item) ? createVNode(angleDown, {
8948
+ }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots, item)) != null ? _b : item[props.titleField]]), isItemActive(item) ? createVNode(angleDown, {
8949
8949
  "class": "bk-collapse-icon"
8950
8950
  }, null) : createVNode(angleRight, {
8951
8951
  "class": "bk-collapse-icon"
@@ -20089,6 +20089,125 @@ var FormItem = defineComponent({
20089
20089
  }
20090
20090
  });
20091
20091
  const BkForm = withInstallProps(Form, { FormItem });
20092
+ var Dropdown = defineComponent({
20093
+ name: "BkDropdown",
20094
+ props: {
20095
+ isShow: PropTypes.bool.def(false),
20096
+ placement: PropTypes.commonType(["auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end"], "placement").def("bottom"),
20097
+ trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
20098
+ disabled: PropTypes.bool.def(false),
20099
+ extCls: PropTypes.string
20100
+ },
20101
+ emits: ["showChange"],
20102
+ setup(props, {
20103
+ emit
20104
+ }) {
20105
+ let popoverInstance = /* @__PURE__ */ Object.create(null);
20106
+ const reference2 = ref(null);
20107
+ const refContent = ref(null);
20108
+ onMounted(() => {
20109
+ registerDropdown();
20110
+ });
20111
+ onBeforeUnmount(() => {
20112
+ destoryDropdown();
20113
+ });
20114
+ watch(() => props.isShow, (val) => {
20115
+ nextTick(() => {
20116
+ if (props.trigger === "manual" && popoverInstance && !props.disabled) {
20117
+ val ? popoverInstance.show() : popoverInstance.hide();
20118
+ }
20119
+ });
20120
+ });
20121
+ watch(() => props.disabled, (val) => handleUpdateDisabled(val));
20122
+ const registerDropdown = () => {
20123
+ if (props.disabled)
20124
+ return;
20125
+ popoverInstance = new BKPopover(reference2.value, refContent.value, {
20126
+ placement: props.placement,
20127
+ trigger: props.trigger
20128
+ });
20129
+ props.trigger === "manual" && props.isShow && popoverInstance.show();
20130
+ };
20131
+ const destoryDropdown = () => {
20132
+ if (popoverInstance) {
20133
+ const instance = popoverInstance;
20134
+ instance.isShow && instance.hide();
20135
+ instance.destroy();
20136
+ popoverInstance = null;
20137
+ props.trigger === "manual" && emit("showChange", false);
20138
+ }
20139
+ };
20140
+ const handleUpdateDisabled = (val) => {
20141
+ const instance = popoverInstance;
20142
+ props.trigger === "manual" && !val && emit("showChange", false);
20143
+ instance.updateDisabled(val);
20144
+ };
20145
+ return {
20146
+ reference: reference2,
20147
+ refContent
20148
+ };
20149
+ },
20150
+ render() {
20151
+ var _a, _b, _c, _d;
20152
+ const wrapperClasses = classes({
20153
+ "bk-dropdown": true
20154
+ }, this.$props.extCls);
20155
+ return createVNode("div", {
20156
+ "class": wrapperClasses
20157
+ }, [createVNode("div", {
20158
+ "ref": "reference",
20159
+ "class": "bk-dropdown-reference"
20160
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), createVNode("div", {
20161
+ "ref": "refContent",
20162
+ "class": "bk-dropdown-content"
20163
+ }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
20164
+ }
20165
+ });
20166
+ var DropdownItem = defineComponent({
20167
+ name: "BkDropdownItem",
20168
+ props: {
20169
+ extCls: PropTypes.string
20170
+ },
20171
+ emits: ["click"],
20172
+ setup(props, {
20173
+ emit
20174
+ }) {
20175
+ const handleClick = (evt) => {
20176
+ emit("click", evt);
20177
+ };
20178
+ const wrapperCLasses = computed(() => ["bk-dropdown-item", props.extCls]);
20179
+ return {
20180
+ wrapperCLasses,
20181
+ handleClick
20182
+ };
20183
+ },
20184
+ render() {
20185
+ var _a, _b;
20186
+ return createVNode("li", {
20187
+ "class": this.wrapperCLasses,
20188
+ "onClick": this.handleClick
20189
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
20190
+ }
20191
+ });
20192
+ var DropdownMenu = defineComponent({
20193
+ name: "BkDropdownMenu",
20194
+ props: {
20195
+ extCls: PropTypes.string
20196
+ },
20197
+ setup(props) {
20198
+ const wrapperCLasses = computed(() => ["bk-dropdown-menu", props.extCls]);
20199
+ return {
20200
+ wrapperCLasses
20201
+ };
20202
+ },
20203
+ render() {
20204
+ var _a, _b;
20205
+ return createVNode("ul", {
20206
+ "class": this.wrapperCLasses
20207
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
20208
+ }
20209
+ });
20210
+ const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
20092
20211
  var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
20093
20212
  __proto__: null,
20094
20213
  Alert: BkAlert,
@@ -20138,7 +20257,11 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
20138
20257
  Tree: BkTree,
20139
20258
  VirtualRender: BkVirtualRender,
20140
20259
  Form: BkForm,
20141
- FormItem
20260
+ FormItem,
20261
+ Pagination: BkPagination,
20262
+ Dropdown: BkDropdown,
20263
+ DropdownMenu,
20264
+ DropdownItem
20142
20265
  }, Symbol.toStringTag, { value: "Module" }));
20143
20266
  const createInstall = (prefix = "Bk") => (app) => {
20144
20267
  const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -20156,4 +20279,4 @@ var preset = {
20156
20279
  install: createInstall(),
20157
20280
  version: "0.0.1"
20158
20281
  };
20159
- export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };
20282
+ export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };
@@ -8948,7 +8948,7 @@ ${$(r2)}`), n2;
8948
8948
  "onClick": () => handleItemClick(item)
8949
8949
  }, [vue.createVNode("span", {
8950
8950
  "class": "bk-collapse-title"
8951
- }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : item[props.titleField]]), isItemActive(item) ? vue.createVNode(angleDown, {
8951
+ }, [(_b = (_a = slots.default) == null ? void 0 : _a.call(slots, item)) != null ? _b : item[props.titleField]]), isItemActive(item) ? vue.createVNode(angleDown, {
8952
8952
  "class": "bk-collapse-icon"
8953
8953
  }, null) : vue.createVNode(angleRight, {
8954
8954
  "class": "bk-collapse-icon"
@@ -20092,6 +20092,125 @@ ${$(r2)}`), n2;
20092
20092
  }
20093
20093
  });
20094
20094
  const BkForm = withInstallProps(Form, { FormItem });
20095
+ var Dropdown = vue.defineComponent({
20096
+ name: "BkDropdown",
20097
+ props: {
20098
+ isShow: PropTypes.bool.def(false),
20099
+ placement: PropTypes.commonType(["auto", "auto-start", "auto-end", "top", "right", "bottom", "left", "top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end"], "placement").def("bottom"),
20100
+ trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
20101
+ disabled: PropTypes.bool.def(false),
20102
+ extCls: PropTypes.string
20103
+ },
20104
+ emits: ["showChange"],
20105
+ setup(props, {
20106
+ emit
20107
+ }) {
20108
+ let popoverInstance = /* @__PURE__ */ Object.create(null);
20109
+ const reference2 = vue.ref(null);
20110
+ const refContent = vue.ref(null);
20111
+ vue.onMounted(() => {
20112
+ registerDropdown();
20113
+ });
20114
+ vue.onBeforeUnmount(() => {
20115
+ destoryDropdown();
20116
+ });
20117
+ vue.watch(() => props.isShow, (val) => {
20118
+ vue.nextTick(() => {
20119
+ if (props.trigger === "manual" && popoverInstance && !props.disabled) {
20120
+ val ? popoverInstance.show() : popoverInstance.hide();
20121
+ }
20122
+ });
20123
+ });
20124
+ vue.watch(() => props.disabled, (val) => handleUpdateDisabled(val));
20125
+ const registerDropdown = () => {
20126
+ if (props.disabled)
20127
+ return;
20128
+ popoverInstance = new BKPopover(reference2.value, refContent.value, {
20129
+ placement: props.placement,
20130
+ trigger: props.trigger
20131
+ });
20132
+ props.trigger === "manual" && props.isShow && popoverInstance.show();
20133
+ };
20134
+ const destoryDropdown = () => {
20135
+ if (popoverInstance) {
20136
+ const instance = popoverInstance;
20137
+ instance.isShow && instance.hide();
20138
+ instance.destroy();
20139
+ popoverInstance = null;
20140
+ props.trigger === "manual" && emit("showChange", false);
20141
+ }
20142
+ };
20143
+ const handleUpdateDisabled = (val) => {
20144
+ const instance = popoverInstance;
20145
+ props.trigger === "manual" && !val && emit("showChange", false);
20146
+ instance.updateDisabled(val);
20147
+ };
20148
+ return {
20149
+ reference: reference2,
20150
+ refContent
20151
+ };
20152
+ },
20153
+ render() {
20154
+ var _a, _b, _c, _d;
20155
+ const wrapperClasses = classes({
20156
+ "bk-dropdown": true
20157
+ }, this.$props.extCls);
20158
+ return vue.createVNode("div", {
20159
+ "class": wrapperClasses
20160
+ }, [vue.createVNode("div", {
20161
+ "ref": "reference",
20162
+ "class": "bk-dropdown-reference"
20163
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), vue.createVNode("div", {
20164
+ "ref": "refContent",
20165
+ "class": "bk-dropdown-content"
20166
+ }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
20167
+ }
20168
+ });
20169
+ var DropdownItem = vue.defineComponent({
20170
+ name: "BkDropdownItem",
20171
+ props: {
20172
+ extCls: PropTypes.string
20173
+ },
20174
+ emits: ["click"],
20175
+ setup(props, {
20176
+ emit
20177
+ }) {
20178
+ const handleClick = (evt) => {
20179
+ emit("click", evt);
20180
+ };
20181
+ const wrapperCLasses = vue.computed(() => ["bk-dropdown-item", props.extCls]);
20182
+ return {
20183
+ wrapperCLasses,
20184
+ handleClick
20185
+ };
20186
+ },
20187
+ render() {
20188
+ var _a, _b;
20189
+ return vue.createVNode("li", {
20190
+ "class": this.wrapperCLasses,
20191
+ "onClick": this.handleClick
20192
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
20193
+ }
20194
+ });
20195
+ var DropdownMenu = vue.defineComponent({
20196
+ name: "BkDropdownMenu",
20197
+ props: {
20198
+ extCls: PropTypes.string
20199
+ },
20200
+ setup(props) {
20201
+ const wrapperCLasses = vue.computed(() => ["bk-dropdown-menu", props.extCls]);
20202
+ return {
20203
+ wrapperCLasses
20204
+ };
20205
+ },
20206
+ render() {
20207
+ var _a, _b;
20208
+ return vue.createVNode("ul", {
20209
+ "class": this.wrapperCLasses
20210
+ }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
20211
+ }
20212
+ });
20213
+ const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
20095
20214
  var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
20096
20215
  __proto__: null,
20097
20216
  Alert: BkAlert,
@@ -20141,7 +20260,11 @@ ${$(r2)}`), n2;
20141
20260
  Tree: BkTree,
20142
20261
  VirtualRender: BkVirtualRender,
20143
20262
  Form: BkForm,
20144
- FormItem
20263
+ FormItem,
20264
+ Pagination: BkPagination,
20265
+ Dropdown: BkDropdown,
20266
+ DropdownMenu,
20267
+ DropdownItem
20145
20268
  }, Symbol.toStringTag, { value: "Module" }));
20146
20269
  const createInstall = (prefix = "Bk") => (app) => {
20147
20270
  const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -20176,6 +20299,9 @@ ${$(r2)}`), n2;
20176
20299
  exports2.DatePicker = BkDatePicker;
20177
20300
  exports2.Dialog = BkDialog;
20178
20301
  exports2.Divider = BkDivider;
20302
+ exports2.Dropdown = BkDropdown;
20303
+ exports2.DropdownItem = DropdownItem;
20304
+ exports2.DropdownMenu = DropdownMenu;
20179
20305
  exports2.Exception = BkException;
20180
20306
  exports2.FixedNavbar = BkFixedNavbar;
20181
20307
  exports2.Form = BkForm;
@@ -20188,6 +20314,7 @@ ${$(r2)}`), n2;
20188
20314
  exports2.Modal = BkModal;
20189
20315
  exports2.Navigation = Navigation;
20190
20316
  exports2.Notify = Notify;
20317
+ exports2.Pagination = BkPagination;
20191
20318
  exports2.Popover = BkPopover;
20192
20319
  exports2.Progress = BkProgress;
20193
20320
  exports2.Radio = BkRadio;
package/dist/style.css CHANGED
@@ -789,7 +789,10 @@ optgroup {
789
789
  border-color: #dcdee5;
790
790
  }
791
791
  .bk-button.is-text {
792
+ height: auto;
792
793
  font-size: 14px;
794
+ font-size: inherit;
795
+ line-height: 1;
793
796
  color: #63656e;
794
797
  text-decoration: none;
795
798
  cursor: pointer;
@@ -1472,6 +1475,7 @@ optgroup {
1472
1475
  content: '';
1473
1476
  }
1474
1477
  .bk-loading-wrapper .bk-loading-indicator {
1478
+ line-height: 1;
1475
1479
  text-align: center;
1476
1480
  }
1477
1481
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
@@ -0,0 +1 @@
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon")):r(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var s={6870:e=>{e.exports=o},4212:r=>{r.exports=e},311:e=>{e.exports=r},748:e=>{e.exports=t}},i={};function n(e){var r=i[e];if(void 0!==r)return r.exports;var t=i[e]={exports:{}};return s[e](t,t.exports,n),t.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{n.r(l),n.d(l,{default:()=>a});var e=n(4212),r=n(311),t=n.n(r),o=n(748),s=n(6870);const i=(0,o.defineComponent)({name:"Alert",props:{theme:e.PropTypes.theme(["info","success","warning","error"]).def("info"),size:e.PropTypes.string,title:e.PropTypes.string,closable:e.PropTypes.bool.def(!1),closeText:e.PropTypes.string,showIcon:e.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,r){var t=(0,o.reactive)({visible:!0});return{state:t,handleClose:function(){t.visible=!1,r.emit("close")}}},render:function(){if(!this.state.visible)return null;var r=Boolean(this.closeText),i=(0,e.classes)({"bk-alert-close":!0,"close-text":r,"icon-close":!r}),n=(0,e.classes)(t()({"bk-alert":!0},"bk-alert-".concat(this.theme),!0));return(0,o.createVNode)("div",{class:n},[(0,o.createVNode)("div",{class:"bk-alert-wraper"},[this.showIcon&&(0,o.createVNode)(s.Help,{class:"bk-alert-icon-info"},null),(0,o.createVNode)("div",{class:"bk-alert-content"},[(0,o.createVNode)("div",{class:"bk-alert-title"},[this.title]),(0,o.createVNode)("div",{class:"bk-alert-description"},null)]),(0,o.createVNode)("span",{class:i,onClick:this.handleClose},[this.closeText])])])}}),a=(0,e.withInstall)(i)})(),l})()));
@@ -0,0 +1 @@
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 n(e){var t=o[e];if(void 0!==t)return t.exports;var u=o[e]={exports:{}};return r[e](u,u.exports,n),u.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{n.r(u),n.d(u,{default:()=>o});var e=n(4212),t=n(748);const r=(0,t.defineComponent)({name:"AnimateNumber",props:{value:e.PropTypes.number.def(0),digits:e.PropTypes.number.def(0)},setup:function(e){this.$createElement;var r=-1,o=(0,t.ref)(0),n=(0,t.computed)((function(){return Number(o.value).toFixed(e.digits)})),u=function(t,n){if(Number.isNaN(+n))return 0;var u=Math.abs(n-t),i=n-t>0?1:-1,a=Math.ceil(u/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(u/a),s=1;!function e(){if(s<f)return r=requestAnimationFrame(e),void(s+=1);o.value+=a*i,(1===i?o.value<n:o.value>n)?(r=requestAnimationFrame(e),s=1):o.value=n}()};return(0,t.watch)((function(){return e.value}),(function(e,t){u(t,e)})),(0,t.onMounted)((function(){u(0,e.value)})),(0,t.onBeforeUnmount)((function(){cancelAnimationFrame(r)})),function(){return(0,t.createVNode)("span",null,[n.value])}}}),o=(0,e.withInstall)(r)})(),u})()));
@@ -0,0 +1 @@
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../icon"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../icon")):t(e["../shared"],e.vue,e.lodash,e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return n[e](o,o.exports,u),o.exports}u.d=(e,t)=>{for(var o in t)u.o(t,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{u.r(a),u.d(a,{default:()=>l});var e=u(4212),t=u(748),o=u(467),r=u(6870);const n=(0,t.defineComponent)({name:"Backtop",props:{visibilityHeight:e.PropTypes.number.def(200),target:e.PropTypes.string.def(""),right:e.PropTypes.number.def(40),bottom:e.PropTypes.number.def(40),extCls:e.PropTypes.string.def("")},setup:function(n,l){var u=l.slots,a=(this.$createElement,(0,t.ref)(null)),i=(0,t.ref)(null),s=(0,t.ref)(!1),d=(0,t.ref)(e.bkZIndexManager.getModalNextIndex()),c="".concat(n.bottom,"px"),f="".concat(n.right,"px"),p=(0,o.throttle)((function(){s.value=i.value.scrollTop>=n.visibilityHeight}),30),v=function(){i.value.scrollTo({top:0,behavior:"smooth"})};return(0,t.watch)((function(){return s}),(function(){d.value=e.bkZIndexManager.getModalNextIndex()})),(0,t.onMounted)((function(){if(a.value=document,i.value=document.documentElement,n.target){if(i.value=document.querySelector(n.target),!i.value)throw new Error("target does not exist");a.value=i.value}a.value.addEventListener("scroll",p)})),(0,t.onBeforeUnmount)((function(){a.value.removeEventListener("scroll",p)})),function(){var e,o;return(0,t.createVNode)(t.Transition,{name:"bk-fade"},{default:function(){return[s.value?(0,t.createVNode)("div",{class:"bk-backtop ".concat(n.extCls),style:{right:f,bottom:c,zIndex:d.value},onClick:v},[null!==(o=null===(e=u.default)||void 0===e?void 0:e.call(u))&&void 0!==o?o:(0,t.createVNode)(r.AngleUp,{style:{fontSize:"14px"}},null)]):""]}})}}}),l=(0,e.withInstall)(n)})(),a})()));
@@ -0,0 +1 @@
1
+ !function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue"],o);else{var r="object"==typeof exports?o(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue")):o(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o,r)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},311:e=>{e.exports=o},748:e=>{e.exports=r}},n={};function s(e){var o=n[e];if(void 0!==o)return o.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,s),r.exports}s.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return s.d(o,{a:o}),o},s.d=(e,o)=>{for(var r in o)s.o(o,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{s.r(i),s.d(i,{default:()=>p});var e=s(4212),o=s(311),r=s.n(o),t=s(748);const n=(0,t.defineComponent)({name:"Badge",props:{theme:e.PropTypes.string.def("primary"),count:e.PropTypes.number,position:e.PropTypes.string.def("top-right"),radius:e.PropTypes.string,valLength:e.PropTypes.number,overflowCount:e.PropTypes.number.def(99),dot:e.PropTypes.bool.def(!1),visible:e.PropTypes.bool.def(!1)},setup:function(e){return{numberCount:(0,t.computed)((function(){return e.count>e.overflowCount?"".concat(e.overflowCount,"+"):e.count}))}},render:function(){var o,n,s,i,p,u,d,l=(0,e.classes)((o={},r()(o,"bk-badge pinned bk-".concat(this.$props.theme),!!this.$props.theme),r()(o,"dot",this.$props.dot),r()(o,"".concat(this.$props.position),this.$props.position),r()(o,"bk-badge-icon is-icon",this.$slots.icon),o),""),a=this.$props.dot?"":(0,t.createVNode)("span",null,[this.numberCount]);return(0,t.createVNode)("div",{class:"bk-badge-main"},[(0,t.createVNode)("div",null,[null!==(i=null===(s=(n=this.$slots).default)||void 0===s?void 0:s.call(n))&&void 0!==i?i:""]),this.$props.visible?"":(0,t.createVNode)("span",{class:l},[null!==(d=null===(u=(p=this.$slots).icon)||void 0===u?void 0:u.call(p))&&void 0!==d?d:a])])}}),p=(0,e.withInstall)(n)})(),i})()));
@@ -0,0 +1 @@
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("../icon")):r(e["../shared"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t)=>(()=>{"use strict";var o={6870:e=>{e.exports=t},4212:r=>{r.exports=e},748:e=>{e.exports=r}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return o[e](t,t.exports,n),t.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{BkBreadcrumb:()=>c,BkBreadcrumbItem:()=>a,default:()=>p});var e=n(4212),r=n(748),t=n(6870);const o=(0,r.defineComponent)({name:"Breadcrumb",props:{extCls:e.PropTypes.string,separator:e.PropTypes.string.def("/"),separatorClass:e.PropTypes.string,replace:e.PropTypes.bool,backRouter:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def("")},setup:function(o,a){var n=a.slots,s=(this.$createElement,(0,r.getCurrentInstance)()),c=s.proxy,p=s.appContext;(0,r.provide)("breadcrumb",o),(0,r.onMounted)((function(){var e=c.$el.querySelectorAll(".bk-breadcrumb-item");e.length&&e[e.length-1].setAttribute("aria-current","page")}));var l=(0,e.classes)({"bk-breadcrumb":!0},"".concat(o.extCls||"")),i=function(){var e=o.backRouter,r=o.replace,t=p.config.globalProperties.$router;t&&(r?t.replace(e):t.push(e))};return function(){var e;return(0,r.createVNode)("div",{class:l,"aria-label":"Breadcrumb",role:"navigation"},[!n.prefix&&o.backRouter?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[(0,r.createVNode)(t.ArrowsLeft,{onClick:i},null)]):"",n.prefix?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[n.prefix()]):"",null===(e=n.default)||void 0===e?void 0:e.call(n)])}}}),a=(0,r.defineComponent)({name:"BreadcrumbItem",props:{extCls:e.PropTypes.string,to:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def(""),replace:e.PropTypes.bool},setup:function(t,o){var a=o.slots,n=(this.$createElement,(0,r.getCurrentInstance)().appContext),s=(0,r.inject)("breadcrumb"),c=n.config.globalProperties.$router,p=t.to,l=t.replace,i=function(){p&&c&&(l?c.replace(p):c.push(p))},u=(0,e.classes)({"bk-breadcrumb-item":!0},"".concat(t.extCls||""));return function(){var e;return(0,r.createVNode)("span",{class:u},[(0,r.createVNode)("span",{ref:"link",class:"bk-breadcrumb-item-inner ".concat(p?"is-link":""),role:"link",onClick:i},[null===(e=null==a?void 0:a.default)||void 0===e?void 0:e.call(a)]),(null==s?void 0:s.separatorClass)?(0,r.createVNode)("i",{class:"bk-breadcrumb-separator ".concat(s.separatorClass)},null):(0,r.createVNode)("span",{class:"bk-breadcrumb-separator",role:"presentation"},[null==s?void 0:s.separator])])}}});var c=(0,e.withInstallProps)(o,{Item:a});const p=c})(),s})()));
@@ -210,7 +210,10 @@
210
210
  border-color: #dcdee5;
211
211
  }
212
212
  .bk-button.is-text {
213
+ height: auto;
213
214
  font-size: 14px;
215
+ font-size: inherit;
216
+ line-height: 1;
214
217
  color: #63656e;
215
218
  text-decoration: none;
216
219
  cursor: pointer;
@@ -0,0 +1 @@
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../loading"],t);else{var o="object"==typeof exports?t(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../loading")):t(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../loading"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={4870:e=>{e.exports=r},4212:t=>{t.exports=e},311:e=>{e.exports=t},748:e=>{e.exports=o}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={exports:{}};return n[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{a.r(s),a.d(s,{BkButton:()=>c,BkButtonGroup:()=>p,default:()=>d});var e=a(4212),t=a(311),o=a.n(t),r=a(748),n=a(4870),i=a.n(n),u={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,laodingMode:e.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const l=(0,r.defineComponent)({name:"Button",props:u,emits:["click","mouseover"],setup:function(t,a){var s,u=a.slots,l=a.attrs,p=a.emit,c=(this.$createElement,(0,r.ref)(!1)),d=null!==(s=u.default)&&void 0!==s&&s,v="bk-button",f=(0,r.computed)((function(){var r,n=t.hoverTheme?"".concat(v,"-hover-").concat(t.hoverTheme):"",i=t.theme?"".concat(v,"-").concat(t.theme):"",a=t.hoverTheme?"":i;return(0,e.classes)((r={"is-disabled":t.disabled,"is-outline":t.outline,"is-text":t.text&&!t.hoverTheme},o()(r,"".concat(v,"-").concat(t.size),""!==t.size),o()(r,"no-slot",!d),r),"".concat(a," ").concat(v," ").concat(n))})),m=(0,r.computed)((function(){return t.text||t.outline||t.hoverTheme?c.value&&!t.text?"white":t.hoverTheme||t.theme:["","default"].includes(t.theme)?"":"white"})),h=(0,r.computed)((function(){return t.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),b=function(){p("click")},y=function(){c.value=!0,p("mouseover")},g=function(){c.value=!1};return function(){var e;return(0,r.createVNode)("button",(0,r.mergeProps)({title:t.title,disabled:t.disabled,class:f.value,type:t.nativeType},l,{onClick:b,onMouseover:y,onMouseleave:g}),[t.loading&&(0,r.createVNode)(i(),{class:"".concat(v,"-loading"),mode:t.laodingMode,theme:m.value,size:h.value},null),u.default&&(0,r.createVNode)("span",{class:"".concat(v,"-text")},[null===(e=u.default)||void 0===e?void 0:e.call(u)])])}}}),p=(0,r.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(t,n){this.$createElement;var i=(0,r.computed)((function(){return(0,e.classes)(o()({},"bk-button-group-".concat(t.size),!!t.size),"bk-button-group")}));return function(){var e,t;return(0,r.createVNode)("div",{class:i.value},[null===(t=(e=n.slots).default)||void 0===t?void 0:t.call(e)])}}});var c=(0,e.withInstallProps)(l,{ButtonGroup:p});const d=c})(),s})()));
@@ -127,7 +127,10 @@
127
127
  }
128
128
 
129
129
  &.is-text {
130
+ height: auto;
130
131
  font-size: @font-size-medium;
132
+ font-size: inherit;
133
+ line-height: 1;
131
134
  color: @default-color;
132
135
  text-decoration: none;
133
136
  cursor: pointer;
@@ -303,7 +303,10 @@
303
303
  border-color: var(--disable-color);
304
304
  }
305
305
  .bk-button.is-text {
306
+ height: auto;
306
307
  font-size: var(--font-size-medium);
308
+ font-size: inherit;
309
+ line-height: 1;
307
310
  color: var(--default-color);
308
311
  text-decoration: none;
309
312
  cursor: pointer;
@@ -0,0 +1 @@
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue"],r);else{var o="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue")):r(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},311:e=>{e.exports=r},748:e=>{e.exports=o}},s={};function d(e){var r=s[e];if(void 0!==r)return r.exports;var o=s[e]={exports:{}};return t[e](o,o.exports,d),o.exports}d.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return d.d(r,{a:r}),r},d.d=(e,r)=>{for(var o in r)d.o(r,o)&&!d.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},d.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{d.r(l),d.d(l,{default:()=>a});var e=d(4212),r=d(311),o=d.n(r),t=d(748);const s=(0,t.defineComponent)({name:"Card",props:{title:e.PropTypes.string,showHeader:e.PropTypes.bool.def(!0),showFooter:e.PropTypes.bool.def(!1),collapseStatus:e.PropTypes.bool.def(!0),border:e.PropTypes.bool.def(!0),headBorder:e.PropTypes.bool.def(!0)},setup:function(e){return{isCollapse:(0,t.computed)((function(){return e.collapseStatus}))}},render:function(){var r,s,d,l,a,i,p,n,u,c=(0,e.classes)(o()({},"bk-card-border-none",!this.$props.border),"bk-card"),f=(0,e.classes)(o()({},"bk-card-border-none",!this.$props.headBorder),"bk-card-head"),b=(0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"title",title:this.$props.title},[this.$props.title])]);return(0,t.createVNode)("div",{class:c},[this.$props.showHeader?(0,t.createVNode)("div",{class:f},[(0,t.createVNode)("span",null,[null!==(d=null===(s=(r=this.$slots).header)||void 0===s?void 0:s.call(r))&&void 0!==d?d:b])]):"",this.$props.collapseStatus?(0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"bk-card-body"},[null!==(i=null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l))&&void 0!==i?i:"Content"]),this.$props.showFooter?(0,t.createVNode)("div",{class:"bk-card-footer"},[null!==(u=null===(n=(p=this.$slots).footer)||void 0===n?void 0:n.call(p))&&void 0!==u?u:"Footer"]):""]):""])}}),a=(0,e.withInstall)(s)})(),l})()));
@@ -0,0 +1 @@
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("vue"),require("@babel/runtime/helpers/toConsumableArray"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/slicedToArray","vue","@babel/runtime/helpers/toConsumableArray"],r);else{var o="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/slicedToArray"),require("vue"),require("@babel/runtime/helpers/toConsumableArray")):r(e["../shared"],e["@babel/runtime/helpers/slicedToArray"],e.vue,e["@babel/runtime/helpers/toConsumableArray"]);for(var a in o)("object"==typeof exports?exports:e)[a]=o[a]}}(self,((e,r,o,a)=>(()=>{"use strict";var l={4212:r=>{r.exports=e},1673:e=>{e.exports=r},642:e=>{e.exports=a},748:e=>{e.exports=o}},n={};function t(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={exports:{}};return l[e](o,o.exports,t),o.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{t.r(u),t.d(u,{BkCheckbox:()=>b,BkCheckboxGroup:()=>p,default:()=>h});var e=t(4212),r=t(1673),o=t.n(r),a=t(748),l=Symbol("CheckboxGroup"),n={modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(void 0),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,trueLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),falseLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),disabled:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),indeterminate:e.PropTypes.bool,beforeChange:e.PropTypes.func,size:e.PropTypes.size()};const s=(0,a.defineComponent)({name:"Checkbox",props:n,emits:["update:modelValue","change"],setup:function(){var r=function(){var e=(0,a.ref)(!1);return[e,{blur:function(){e.value=!0},focus:function(){e.value=!1}}]}(),n=o()(r,2),t=n[0],u=n[1],s=u.blur,i=u.focus,c=function(){var r=(0,a.getCurrentInstance)(),o=r.props,n=r.emit,t=(0,a.inject)(l,e.EMPTY_OBJ),u=!(0,e.isEmptyObj)(t),s=(0,a.reactive)({isLocalChecked:o.checked}),i=(0,a.computed)((function(){return u?t.state.localValue.includes(o.label):void 0!==o.modelValue&&(o.modelValue===o.label||o.modelValue===o.trueLabel)||s.isLocalChecked}));s.isLocalChecked=i.value;var c=(0,a.computed)((function(){return u?i.value?o.label:"":i.value?""!==o.trueLabel?o.trueLabel:o.label:""!==o.falseLabel?o.falseLabel:""})),d=(0,a.computed)((function(){return!(!u||!t.props.disabled)||o.disabled}));return(0,a.onMounted)((function(){u&&t.register(r.proxy)})),(0,a.onBeforeUnmount)((function(){u&&t.unregister(r.proxy)})),{value:c,isChecked:i,isDisabled:d,handleChange:function(e){if(!d.value){var r=e.target;s.isLocalChecked=r.checked,n("change",c.value),n("update:modelValue",c.value),u&&t.handleChange(s.isLocalChecked,o.label),(0,a.nextTick)((function(){r.checked!==i.value&&(s.isLocalChecked=i.value,r.checked=i.value)}))}}}}();return{currentValue:c.value,isFocus:t,isChecked:c.isChecked,isDisabled:c.isDisabled,handleBlur:s,handleFocus:i,handleChange:c.handleChange}},render:function(){var r=(0,e.classes)({"bk-checkbox":!0,"is-focus":this.isFocus,"is-checked":this.isChecked,"is-disabled":this.isDisabled});return(0,a.createVNode)("label",{class:r},[(0,a.createVNode)("span",{class:"bk-checkbox-input"},[(0,a.createVNode)("input",{role:"checkbox",type:"checkbox",class:"bk-checkbox-original",value:this.currentValue,disabled:this.isDisabled,checked:this.isChecked,onChange:this.handleChange},null)]),(0,a.createVNode)("span",{class:"bk-checkbox-label"},[this.label])])}});var i=t(642),c=t.n(i),d={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.array,disabled:e.PropTypes.bool};const p=(0,a.defineComponent)({name:"CheckboxGroup",props:d,emits:["change","update:modelValue"],setup:function(e,r){var o=(0,a.reactive)({localValue:e.modelValue?c()(e.modelValue):[]});(0,a.watch)((function(){return e.modelValue}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];o.localValue=c()(e)}));var n=[];return(0,a.provide)(l,{name:"CheckboxGroup",props:e,state:o,register:function(e){n.push(e)},unregister:function(e){var r=n.indexOf(e);r>-1&&n.splice(r,1)},handleChange:function(a,l){var n=c()(o.localValue);n=a?[].concat(c()(o.localValue),[l]):o.localValue.reduce((function(e,r){return r!==l&&e.push(r),e}),[]),e.modelValue||(o.localValue=n),r.emit("update:modelValue",n),r.emit("change",n)}}),(0,a.onMounted)((function(){n.forEach((function(e){(e.isChecked||e.checked)&&o.localValue.push(e.label)}))})),{}},render:function(){return(0,a.createVNode)("div",{class:"bk-checkbox-group"},[this.$slots.default()])}});var b=(0,e.withInstallProps)(s,{Group:p});const h=b})(),u})()));