bkui-vue 0.0.1-beta.446 → 0.0.1-beta.447

package/dist/index.esm.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key2, value) => {
   __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
   return value;
 };
-import { inject, reactive, defineComponent, computed, watch, provide, createVNode, mergeProps, h as h$1, ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, createApp, createTextVNode, withDirectives, vShow, isVNode, Fragment, renderSlot, toRefs, Teleport, resolveDirective, customRef, onBeforeMount, toRef, shallowRef, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, onUnmounted, toRaw, withModifiers, TransitionGroup } from "vue";
+import { inject, reactive, watch, provide, computed, defineComponent, createVNode, mergeProps, h as h$1, ref, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, createApp, createTextVNode, withDirectives, vShow, isVNode, Fragment, renderSlot, toRefs, Teleport, resolveDirective, customRef, onBeforeMount, toRef, shallowRef, vModelText, unref, watchEffect, markRaw, onUpdated, render as render$1, onUnmounted, toRaw, withModifiers, TransitionGroup } from "vue";
 var reset = "";
 var alert = "";
 var affix = "";
@@ -5812,12 +5812,12 @@ class BkMaskManager {
     this.isInit = false;
     this.maskAttrTag = "auto";
     const { multiInstance = false, maskAttrTag = "auto", parentNode = document.body, maskStyle = {}, onClick = null } = config || {};
+    this.parentNode = parentNode || document;
     this.maskAttrTag = maskAttrTag;
     this.onClick = onClick;
     this.activeInstance = void 0;
     this.multiInstance = multiInstance;
     this.uniqueMaskAttrTag = this.getMaskAttrTag(maskAttrTag);
-    this.parentNode = parentNode || document;
     bkMaskMaker.appendMaker(() => {
       this.initInstance(maskStyle);
     });
@@ -8391,33 +8391,39 @@ const zhCn = {
     placeholder: "\u8BF7\u8F93\u5165\u5E76\u6309Enter\u7ED3\u675F"
   }
 };
-const configProviderProps = {
-  locale: {
-    type: Object
-  }
-};
-const defaultRootConfig = reactive({
-  locale: zhCn
-});
 const rootProviderKey = Symbol("rootProviderData");
-function useLocale(compName) {
-  const config = inject(rootProviderKey, defaultRootConfig);
-  return computed(() => {
-    const {
-      locale: locale2
-    } = config;
-    return locale2 && compName ? locale2[compName] : {};
-  });
-}
+const defaultRootConfig = {
+  locale: zhCn,
+  prefix: "bk"
+};
+const setPrefixVariable = (prefix) => {
+  document.documentElement.style.setProperty("--bk-prefix", prefix || defaultRootConfig.prefix);
+};
 const provideGlobalConfig = (config) => {
   const configData = reactive(__spreadValues({}, lodash.exports.merge(defaultRootConfig, config)));
+  setPrefixVariable(config.prefix);
   Object.keys(config).forEach((key2) => {
     watch(() => config[key2], () => {
+      if (key2 === "prefix")
+        setPrefixVariable(config[key2]);
       configData[key2] = config[key2];
     });
   });
   provide(rootProviderKey, configData);
 };
+const useGlobalConfig = () => {
+  const config = inject(rootProviderKey, defaultRootConfig);
+  return computed(() => config);
+};
+const configProviderProps = {
+  locale: {
+    type: Object
+  },
+  prefix: {
+    type: String,
+    default: "bk"
+  }
+};
 var Component$G = defineComponent({
   name: "ConfigProvider",
   inheritAttrs: false,
@@ -8432,6 +8438,27 @@ var Component$G = defineComponent({
     };
   }
 });
+function useLocale(compName) {
+  const config = inject(rootProviderKey, defaultRootConfig);
+  return computed(() => {
+    const { locale: locale2 } = config;
+    return locale2 && compName ? locale2[compName] : {};
+  });
+}
+function usePrefix() {
+  const config = inject(rootProviderKey, defaultRootConfig);
+  const prefix = computed(() => {
+    const { prefix: prefix2 } = config;
+    return prefix2 || "";
+  });
+  function resolveClassName2(cls) {
+    return `${prefix.value}-${cls.replace(new RegExp(`^${defaultRootConfig.prefix}-`), "")}`;
+  }
+  return {
+    prefix,
+    resolveClassName: resolveClassName2
+  };
+}
 const BkConfigProvider = withInstall(Component$G);
 function generate(node, key2, rootAttrs) {
   return h$1(node.name, __spreadProps(__spreadValues({
@@ -40097,6 +40124,9 @@ var SearchSelectMenu = defineComponent({
     emit
   }) {
     const t2 = useLocale("searchSelect");
+    const {
+      resolveClassName: resolveClassName2
+    } = usePrefix();
     const localFooterBtns = computed(() => {
       if (props2.footerBtns === void 0 || props2.footerBtns.length === 0) {
         return [{
@@ -40170,13 +40200,14 @@ var SearchSelectMenu = defineComponent({
       handleClickFooterBtn,
       filterList,
       getSearchNode,
-      localFooterBtns
+      localFooterBtns,
+      resolveClassName: resolveClassName2
     };
   },
   render() {
     var _a, _b, _c;
     return createVNode("div", {
-      "class": "bk-search-select-menu"
+      "class": this.resolveClassName("search-select-menu")
     }, [!!((_a = this.conditions) == null ? void 0 : _a.length) && createVNode("ul", {
       "class": "menu-header"
     }, [this.conditions.map((item) => createVNode("li", {
@@ -40335,6 +40366,9 @@ var SearchSelectInput = defineComponent({
     expose
   }) {
     const t2 = useLocale("searchSelect");
+    const {
+      resolveClassName: resolveClassName2
+    } = usePrefix();
     const inputRef = ref(null);
     const popoverRef = ref(null);
     const keyword = ref("");
@@ -40789,6 +40823,7 @@ var SearchSelectInput = defineComponent({
       handleSelectItem,
       handleSelectCondtionItem,
       handleMenuFooterClick,
+      resolveClassName: resolveClassName2,
       t: t2
     };
   },
@@ -40837,7 +40872,7 @@ var SearchSelectInput = defineComponent({
       }
       return ((_a2 = this.menuList) == null ? void 0 : _a2.length) ? createVNode("div", {
         "ref": "popoverRef",
-        "class": "bk-search-select-popover"
+        "class": this.resolveClassName("search-select-popover")
       }, [createVNode(SearchSelectMenu, {
         "list": this.menuList,
         "keyword": this.keyword,
@@ -41028,6 +41063,9 @@ var Component$1 = defineComponent({
     emit
   }) {
     const t2 = useLocale("searchSelect");
+    const {
+      resolveClassName: resolveClassName2
+    } = usePrefix();
     const localConditions = computed(() => {
       if (props2.conditions === void 0) {
         return [{
@@ -41099,10 +41137,10 @@ var Component$1 = defineComponent({
       deep: true
     });
     onMounted(() => {
-      addListener(wrapRef.value.querySelector(".bk-search-select-container"), debounceResize);
+      addListener(wrapRef.value.querySelector(`.${resolveClassName2("search-select-container")}`), debounceResize);
     });
     onBeforeUnmount(() => {
-      removeListener(wrapRef.value.querySelector(".bk-search-select-container"), debounceResize);
+      removeListener(wrapRef.value.querySelector(`.${resolveClassName2("search-select-container")}`), debounceResize);
     });
     useSearchSelectProvider({
       onEditClick,
@@ -41133,7 +41171,7 @@ var Component$1 = defineComponent({
         overflowIndex.value = -1;
         return;
       }
-      const inputEl = wrapRef.value.querySelector(".bk-search-select-container");
+      const inputEl = wrapRef.value.querySelector(`.${resolveClassName2("search-select-container")}`);
       const maxWidth = wrapRef.value.querySelector(".search-container").clientWidth - SELETED_MARGING_RIGHT - 2;
       const tagList = inputEl.querySelectorAll(".search-container-selected:not(.overflow-selected)");
       let width = 0;
@@ -41187,7 +41225,7 @@ var Component$1 = defineComponent({
       var _a;
       v2 && (overflowIndex.value = -1);
       if (v2 === false) {
-        (_a = wrapRef.value.querySelector(".bk-search-select-container")) == null ? void 0 : _a.scrollTo(0, 0);
+        (_a = wrapRef.value.querySelector(`.${resolveClassName2("search-select-container")}`)) == null ? void 0 : _a.scrollTo(0, 0);
       }
       isFocus.value = v2;
     }
@@ -41214,6 +41252,7 @@ var Component$1 = defineComponent({
       handleDeleteSelected,
       handleClickSearch,
       localConditions,
+      resolveClassName: resolveClassName2,
       t: t2
     };
   },
@@ -41228,11 +41267,11 @@ var Component$1 = defineComponent({
       }
     } : {});
     return createVNode("div", {
-      "class": "bk-search-select",
+      "class": this.resolveClassName("search-select"),
       "ref": "wrapRef"
     }, [createVNode("div", {
       "class": {
-        "bk-search-select-container": true,
+        [this.resolveClassName("search-select-container")]: true,
         "is-focus": this.isFocus
       },
       "onClick": this.handleWrapClick
@@ -41277,7 +41316,7 @@ var Component$1 = defineComponent({
       "onClick": this.handleClickSearch,
       "class": `search-nextfix-icon ${this.isFocus ? "is-focus" : ""}`
     }, null)])]), !!this.validateStr.length && createVNode("div", {
-      "class": "bk-search-select-tips"
+      "class": this.resolveClassName("search-select-tips")
     }, [this.$slots.validate ? this.$slots.validate() : createVNode(Fragment, null, [createVNode(exclamationCircleShape, {
       "class": "select-tips"
     }, null), this.validateStr || ""])])]);
@@ -41447,4 +41486,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkConfigProvider as ConfigProvider, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, BKPopConfirm as PopConfirm, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, configProviderProps, BkContainer as containerProps, preset as default, defaultRootConfig, mousewheel, overflowTitle, provideGlobalConfig, rootProviderKey, useLocale };
+export { createPopoverComponent as $bkPopover, BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkConfigProvider as ConfigProvider, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, BkInfoBox as InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkOverflowTitle as OverflowTitle, BkPagination as Pagination, BKPopConfirm as PopConfirm, BkPopover as Popover, BkPopover2 as Popover2, BkProcess as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSearchSelect as SearchSelect, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTableColumn as TableColumn, BkTag as Tag, TagInput, BkTimeline as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel, overflowTitle, provideGlobalConfig, setPrefixVariable, useGlobalConfig, useLocale, usePrefix };