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

package/dist/bkui-vue.cjs.js

@@ -20091,6 +20091,125 @@ var FormItem = vue.defineComponent({
   }
 });
 const BkForm = withInstallProps(Form, { FormItem });
+var Dropdown = vue.defineComponent({
+  name: "BkDropdown",
+  props: {
+    isShow: PropTypes.bool.def(false),
+    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"),
+    trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
+    disabled: PropTypes.bool.def(false),
+    extCls: PropTypes.string
+  },
+  emits: ["showChange"],
+  setup(props, {
+    emit
+  }) {
+    let popoverInstance = /* @__PURE__ */ Object.create(null);
+    const reference2 = vue.ref(null);
+    const refContent = vue.ref(null);
+    vue.onMounted(() => {
+      registerDropdown();
+    });
+    vue.onBeforeUnmount(() => {
+      destoryDropdown();
+    });
+    vue.watch(() => props.isShow, (val) => {
+      vue.nextTick(() => {
+        if (props.trigger === "manual" && popoverInstance && !props.disabled) {
+          val ? popoverInstance.show() : popoverInstance.hide();
+        }
+      });
+    });
+    vue.watch(() => props.disabled, (val) => handleUpdateDisabled(val));
+    const registerDropdown = () => {
+      if (props.disabled)
+        return;
+      popoverInstance = new BKPopover(reference2.value, refContent.value, {
+        placement: props.placement,
+        trigger: props.trigger
+      });
+      props.trigger === "manual" && props.isShow && popoverInstance.show();
+    };
+    const destoryDropdown = () => {
+      if (popoverInstance) {
+        const instance = popoverInstance;
+        instance.isShow && instance.hide();
+        instance.destroy();
+        popoverInstance = null;
+        props.trigger === "manual" && emit("showChange", false);
+      }
+    };
+    const handleUpdateDisabled = (val) => {
+      const instance = popoverInstance;
+      props.trigger === "manual" && !val && emit("showChange", false);
+      instance.updateDisabled(val);
+    };
+    return {
+      reference: reference2,
+      refContent
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    const wrapperClasses = classes({
+      "bk-dropdown": true
+    }, this.$props.extCls);
+    return vue.createVNode("div", {
+      "class": wrapperClasses
+    }, [vue.createVNode("div", {
+      "ref": "reference",
+      "class": "bk-dropdown-reference"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), vue.createVNode("div", {
+      "ref": "refContent",
+      "class": "bk-dropdown-content"
+    }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
+  }
+});
+var DropdownItem = vue.defineComponent({
+  name: "BkDropdownItem",
+  props: {
+    extCls: PropTypes.string
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    const handleClick = (evt) => {
+      emit("click", evt);
+    };
+    const wrapperCLasses = vue.computed(() => ["bk-dropdown-item", props.extCls]);
+    return {
+      wrapperCLasses,
+      handleClick
+    };
+  },
+  render() {
+    var _a, _b;
+    return vue.createVNode("li", {
+      "class": this.wrapperCLasses,
+      "onClick": this.handleClick
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+  }
+});
+var DropdownMenu = vue.defineComponent({
+  name: "BkDropdownMenu",
+  props: {
+    extCls: PropTypes.string
+  },
+  setup(props) {
+    const wrapperCLasses = vue.computed(() => ["bk-dropdown-menu", props.extCls]);
+    return {
+      wrapperCLasses
+    };
+  },
+  render() {
+    var _a, _b;
+    return vue.createVNode("ul", {
+      "class": this.wrapperCLasses
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+  }
+});
+const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: BkAlert,
@@ -20140,7 +20259,11 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Tree: BkTree,
   VirtualRender: BkVirtualRender,
   Form: BkForm,
-  FormItem
+  FormItem,
+  Pagination: BkPagination,
+  BkDropdown,
+  DropdownMenu,
+  DropdownItem
 }, Symbol.toStringTag, { value: "Module" }));
 const createInstall = (prefix = "Bk") => (app) => {
   const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -20162,6 +20285,7 @@ exports.Alert = BkAlert;
 exports.AnimateNumber = BkAnimateNumber;
 exports.Backtop = BkBacktop;
 exports.Badge = BkBadge;
+exports.BkDropdown = BkDropdown;
 exports.BkOption = BkOption;
 exports.BkOptionGroup = OptionGroup;
 exports.Breadcrumb = BkBreadcrumb;
@@ -20175,6 +20299,8 @@ exports.Collapse = BkCollaspe;
 exports.DatePicker = BkDatePicker;
 exports.Dialog = BkDialog;
 exports.Divider = BkDivider;
+exports.DropdownItem = DropdownItem;
+exports.DropdownMenu = DropdownMenu;
 exports.Exception = BkException;
 exports.FixedNavbar = BkFixedNavbar;
 exports.Form = BkForm;
@@ -20187,6 +20313,7 @@ exports.Message = Message;
 exports.Modal = BkModal;
 exports.Navigation = Navigation;
 exports.Notify = Notify;
+exports.Pagination = BkPagination;
 exports.Popover = BkPopover;
 exports.Progress = BkProgress;
 exports.Radio = BkRadio;

package/dist/bkui-vue.esm.js

@@ -20089,6 +20089,125 @@ var FormItem = defineComponent({
   }
 });
 const BkForm = withInstallProps(Form, { FormItem });
+var Dropdown = defineComponent({
+  name: "BkDropdown",
+  props: {
+    isShow: PropTypes.bool.def(false),
+    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"),
+    trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
+    disabled: PropTypes.bool.def(false),
+    extCls: PropTypes.string
+  },
+  emits: ["showChange"],
+  setup(props, {
+    emit
+  }) {
+    let popoverInstance = /* @__PURE__ */ Object.create(null);
+    const reference2 = ref(null);
+    const refContent = ref(null);
+    onMounted(() => {
+      registerDropdown();
+    });
+    onBeforeUnmount(() => {
+      destoryDropdown();
+    });
+    watch(() => props.isShow, (val) => {
+      nextTick(() => {
+        if (props.trigger === "manual" && popoverInstance && !props.disabled) {
+          val ? popoverInstance.show() : popoverInstance.hide();
+        }
+      });
+    });
+    watch(() => props.disabled, (val) => handleUpdateDisabled(val));
+    const registerDropdown = () => {
+      if (props.disabled)
+        return;
+      popoverInstance = new BKPopover(reference2.value, refContent.value, {
+        placement: props.placement,
+        trigger: props.trigger
+      });
+      props.trigger === "manual" && props.isShow && popoverInstance.show();
+    };
+    const destoryDropdown = () => {
+      if (popoverInstance) {
+        const instance = popoverInstance;
+        instance.isShow && instance.hide();
+        instance.destroy();
+        popoverInstance = null;
+        props.trigger === "manual" && emit("showChange", false);
+      }
+    };
+    const handleUpdateDisabled = (val) => {
+      const instance = popoverInstance;
+      props.trigger === "manual" && !val && emit("showChange", false);
+      instance.updateDisabled(val);
+    };
+    return {
+      reference: reference2,
+      refContent
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    const wrapperClasses = classes({
+      "bk-dropdown": true
+    }, this.$props.extCls);
+    return createVNode("div", {
+      "class": wrapperClasses
+    }, [createVNode("div", {
+      "ref": "reference",
+      "class": "bk-dropdown-reference"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), createVNode("div", {
+      "ref": "refContent",
+      "class": "bk-dropdown-content"
+    }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
+  }
+});
+var DropdownItem = defineComponent({
+  name: "BkDropdownItem",
+  props: {
+    extCls: PropTypes.string
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    const handleClick = (evt) => {
+      emit("click", evt);
+    };
+    const wrapperCLasses = computed(() => ["bk-dropdown-item", props.extCls]);
+    return {
+      wrapperCLasses,
+      handleClick
+    };
+  },
+  render() {
+    var _a, _b;
+    return createVNode("li", {
+      "class": this.wrapperCLasses,
+      "onClick": this.handleClick
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+  }
+});
+var DropdownMenu = defineComponent({
+  name: "BkDropdownMenu",
+  props: {
+    extCls: PropTypes.string
+  },
+  setup(props) {
+    const wrapperCLasses = computed(() => ["bk-dropdown-menu", props.extCls]);
+    return {
+      wrapperCLasses
+    };
+  },
+  render() {
+    var _a, _b;
+    return createVNode("ul", {
+      "class": this.wrapperCLasses
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+  }
+});
+const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: BkAlert,
@@ -20138,7 +20257,11 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Tree: BkTree,
   VirtualRender: BkVirtualRender,
   Form: BkForm,
-  FormItem
+  FormItem,
+  Pagination: BkPagination,
+  BkDropdown,
+  DropdownMenu,
+  DropdownItem
 }, Symbol.toStringTag, { value: "Module" }));
 const createInstall = (prefix = "Bk") => (app) => {
   const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -20156,4 +20279,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-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 };
+export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkDropdown, 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, 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 };

package/dist/bkui-vue.umd.js

@@ -20092,6 +20092,125 @@ ${$(r2)}`), n2;
     }
   });
   const BkForm = withInstallProps(Form, { FormItem });
+  var Dropdown = vue.defineComponent({
+    name: "BkDropdown",
+    props: {
+      isShow: PropTypes.bool.def(false),
+      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"),
+      trigger: PropTypes.commonType(["hover", "click", "manual"], "trigger").def("hover"),
+      disabled: PropTypes.bool.def(false),
+      extCls: PropTypes.string
+    },
+    emits: ["showChange"],
+    setup(props, {
+      emit
+    }) {
+      let popoverInstance = /* @__PURE__ */ Object.create(null);
+      const reference2 = vue.ref(null);
+      const refContent = vue.ref(null);
+      vue.onMounted(() => {
+        registerDropdown();
+      });
+      vue.onBeforeUnmount(() => {
+        destoryDropdown();
+      });
+      vue.watch(() => props.isShow, (val) => {
+        vue.nextTick(() => {
+          if (props.trigger === "manual" && popoverInstance && !props.disabled) {
+            val ? popoverInstance.show() : popoverInstance.hide();
+          }
+        });
+      });
+      vue.watch(() => props.disabled, (val) => handleUpdateDisabled(val));
+      const registerDropdown = () => {
+        if (props.disabled)
+          return;
+        popoverInstance = new BKPopover(reference2.value, refContent.value, {
+          placement: props.placement,
+          trigger: props.trigger
+        });
+        props.trigger === "manual" && props.isShow && popoverInstance.show();
+      };
+      const destoryDropdown = () => {
+        if (popoverInstance) {
+          const instance = popoverInstance;
+          instance.isShow && instance.hide();
+          instance.destroy();
+          popoverInstance = null;
+          props.trigger === "manual" && emit("showChange", false);
+        }
+      };
+      const handleUpdateDisabled = (val) => {
+        const instance = popoverInstance;
+        props.trigger === "manual" && !val && emit("showChange", false);
+        instance.updateDisabled(val);
+      };
+      return {
+        reference: reference2,
+        refContent
+      };
+    },
+    render() {
+      var _a, _b, _c, _d;
+      const wrapperClasses = classes({
+        "bk-dropdown": true
+      }, this.$props.extCls);
+      return vue.createVNode("div", {
+        "class": wrapperClasses
+      }, [vue.createVNode("div", {
+        "ref": "reference",
+        "class": "bk-dropdown-reference"
+      }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), vue.createVNode("div", {
+        "ref": "refContent",
+        "class": "bk-dropdown-content"
+      }, [(_d = (_c = this.$slots).content) == null ? void 0 : _d.call(_c)])]);
+    }
+  });
+  var DropdownItem = vue.defineComponent({
+    name: "BkDropdownItem",
+    props: {
+      extCls: PropTypes.string
+    },
+    emits: ["click"],
+    setup(props, {
+      emit
+    }) {
+      const handleClick = (evt) => {
+        emit("click", evt);
+      };
+      const wrapperCLasses = vue.computed(() => ["bk-dropdown-item", props.extCls]);
+      return {
+        wrapperCLasses,
+        handleClick
+      };
+    },
+    render() {
+      var _a, _b;
+      return vue.createVNode("li", {
+        "class": this.wrapperCLasses,
+        "onClick": this.handleClick
+      }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+    }
+  });
+  var DropdownMenu = vue.defineComponent({
+    name: "BkDropdownMenu",
+    props: {
+      extCls: PropTypes.string
+    },
+    setup(props) {
+      const wrapperCLasses = vue.computed(() => ["bk-dropdown-menu", props.extCls]);
+      return {
+        wrapperCLasses
+      };
+    },
+    render() {
+      var _a, _b;
+      return vue.createVNode("ul", {
+        "class": this.wrapperCLasses
+      }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+    }
+  });
+  const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
   var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     Alert: BkAlert,
@@ -20141,7 +20260,11 @@ ${$(r2)}`), n2;
     Tree: BkTree,
     VirtualRender: BkVirtualRender,
     Form: BkForm,
-    FormItem
+    FormItem,
+    Pagination: BkPagination,
+    BkDropdown,
+    DropdownMenu,
+    DropdownItem
   }, Symbol.toStringTag, { value: "Module" }));
   const createInstall = (prefix = "Bk") => (app) => {
     const pre = app.config.globalProperties.bkUIPrefix || prefix;
@@ -20163,6 +20286,7 @@ ${$(r2)}`), n2;
   exports2.AnimateNumber = BkAnimateNumber;
   exports2.Backtop = BkBacktop;
   exports2.Badge = BkBadge;
+  exports2.BkDropdown = BkDropdown;
   exports2.BkOption = BkOption;
   exports2.BkOptionGroup = OptionGroup;
   exports2.Breadcrumb = BkBreadcrumb;
@@ -20176,6 +20300,8 @@ ${$(r2)}`), n2;
   exports2.DatePicker = BkDatePicker;
   exports2.Dialog = BkDialog;
   exports2.Divider = BkDivider;
+  exports2.DropdownItem = DropdownItem;
+  exports2.DropdownMenu = DropdownMenu;
   exports2.Exception = BkException;
   exports2.FixedNavbar = BkFixedNavbar;
   exports2.Form = BkForm;
@@ -20188,6 +20314,7 @@ ${$(r2)}`), n2;
   exports2.Modal = BkModal;
   exports2.Navigation = Navigation;
   exports2.Notify = Notify;
+  exports2.Pagination = BkPagination;
   exports2.Popover = BkPopover;
   exports2.Progress = BkProgress;
   exports2.Radio = BkRadio;

package/lib/components.d.ts

@@ -37,3 +37,5 @@ export { default as Transfer } from './transfer';
 export { default as Tree } from './tree';
 export { default as VirtualRender } from './virtual-render';
 export { default as Form, BkFormItem as FormItem } from './form';
+export { default as Pagination } from './pagination';
+export { default as BkDropdown, BkDropdownMenu as DropdownMenu, BkDropdownItem as DropdownItem } from './dropdown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.34",
+  "version": "0.0.1-beta.35",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*"