bkui-vue 0.0.1-beta.227 → 0.0.1-beta.229

package/dist/index.esm.js

@@ -10294,7 +10294,7 @@ var Component$v = defineComponent({
     } : {};
     const bodyClass = `bk-modal-body ${this.animateType === "slide" ? this.direction : ""}`;
     return createVNode("div", {
-      "class": ["bk-modal-wrapper", this.extCls, this.size],
+      "class": ["bk-modal-wrapper", this.extCls, this.size, this.fullscreen ? "fullscreen" : ""],
       "style": [this.compStyle, this.fullscreen ? this.fullscreenStyle : ""]
     }, [createVNode(Transition, {
       "name": this.animateType
@@ -10387,6 +10387,7 @@ var Dialog = defineComponent({
       emit("update:isShow", false);
       emit("confirm");
     };
+    const hasFooter = computed(() => ["process", "operation", "confirm"].includes(props2.dialogType));
     const escCloseHandler = (e) => {
       if (props2.isShow && props2.closeIcon) {
         if (e.keyCode === 27) {
@@ -10451,7 +10452,8 @@ var Dialog = defineComponent({
       escCloseHandler,
       moveHandler,
       handlePrevStep,
-      handleNextStep
+      handleNextStep,
+      hasFooter
     };
   },
   render() {
@@ -10545,7 +10547,7 @@ var Dialog = defineComponent({
         "onClick": this.handleClose
       }, [createTextVNode("+")])
     };
-    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""}`;
+    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""} ${this.hasFooter ? "has-footer" : "no-footer"}`;
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": className,
       "onClose": this.handleClose,
@@ -19543,7 +19545,7 @@ var Component$d = defineComponent({
     bkTooltips: tooltips
   },
   props: tagProps(),
-  emits: ["update:modelValue", "change", "select", "blur", "remove", "removeAll"],
+  emits: ["update:modelValue", "change", "select", "focus", "blur", "remove", "removeAll"],
   setup(props2, {
     emit
   }) {
@@ -19854,6 +19856,7 @@ var Component$d = defineComponent({
     const handleFocus = () => {
       var _a;
       popoverProps.width = isSingleSelect.value ? (_a = bkTagSelectorRef.value) == null ? void 0 : _a.clientWidth : props2.contentWidth;
+      emit("focus");
     };
     const handleBlur = () => {
       timer.value = setTimeout(() => {
@@ -21076,6 +21079,7 @@ const InfoBox = (config) => {
   };
   return instance;
 };
+const BkInfoBox = withInstall(InfoBox);
 const notifyProps = {
   id: PropTypes.string.def(""),
   title: PropTypes.string.def(""),
@@ -27056,7 +27060,11 @@ const transferProps = {
 function useTransferData(sourceData, targetList, settingCode) {
   const selectList = ref([]);
   const selectedList = ref([]);
-  const transformData = () => {
+  const transformData = (isChange = false) => {
+    if (isChange) {
+      selectList.value = [];
+      selectedList.value = [];
+    }
     sourceData.value.forEach((s2) => {
       const keyId = s2[settingCode.value];
       if (targetList.value.includes(keyId)) {
@@ -27067,7 +27075,11 @@ function useTransferData(sourceData, targetList, settingCode) {
     });
   };
   transformData();
-  watch(() => [sourceData, targetList, settingCode], transformData);
+  watch(() => [sourceData, targetList, settingCode], () => {
+    transformData(true);
+  }, {
+    deep: true
+  });
   return {
     selectList,
     selectedList
@@ -27142,20 +27154,40 @@ var Component$9 = defineComponent({
         return va > vb ? 1 : -1;
       });
     });
+    watch(() => [selectList, selectedList], () => {
+      handleEmitUpdateTargetList();
+    }, {
+      deep: true
+    });
+    const handleCheckAllItemSelect = (list, source) => {
+      const itemKey = settingCode.value;
+      return list.some((val) => val[itemKey] === source[itemKey]) && source.disabled;
+    };
     const allToRight = () => {
-      selectList.value = [];
-      selectedList.value = [...sourceData.value];
+      selectList.value = [...sourceData.value.filter((source) => {
+        return handleCheckAllItemSelect(selectList.value, source);
+      })];
+      selectedList.value = [...sourceData.value.filter((source) => {
+        return !handleCheckAllItemSelect(selectList.value, source);
+      })];
       handleEmitUpdateTargetList();
     };
     const allToLeft = () => {
-      selectList.value = [...sourceData.value];
-      selectedList.value = [];
+      selectList.value = [...sourceData.value.filter((source) => {
+        return !handleCheckAllItemSelect(selectedList.value, source);
+      })];
+      selectedList.value = [...sourceData.value.filter((source) => {
+        return handleCheckAllItemSelect(selectedList.value, source);
+      })];
       handleEmitUpdateTargetList();
     };
-    const handleItemClick = (itemKey, isLeft) => {
+    const handleItemClick = (item, isLeft) => {
+      if (item.disabled)
+        return;
+      const itemKey = item[settingCode.value];
       const from = isLeft ? selectList : selectedList;
       const to = isLeft ? selectedList : selectList;
-      const index = from.value.findIndex((item) => item[settingCode.value] === itemKey);
+      const index = from.value.findIndex((item2) => item2[settingCode.value] === itemKey);
       to.value.push(...from.value.splice(index, 1));
       handleEmitUpdateTargetList();
     };
@@ -27212,7 +27244,9 @@ var Component$9 = defineComponent({
     };
     const getDefaultListHtml = (item, isLeft = true) => {
       return createVNode("div", {
-        "class": "item-content"
+        "class": ["item-content", {
+          "is-disabled": item.disabled
+        }]
       }, [createVNode("span", {
         "class": "content-text",
         "title": item[this.displayCode]
@@ -27236,7 +27270,7 @@ var Component$9 = defineComponent({
         return createVNode("li", {
           "key": item[this.settingCode],
           "class": [this.$slots[slotName] ? "custom-item" : ""],
-          "onClick": () => this.handleItemClick(item[this.settingCode], isLeft)
+          "onClick": () => this.handleItemClick(item, isLeft)
         }, [(_c = (_b = (_a = this.$slots)[slotName]) == null ? void 0 : _b.call(_a, item)) != null ? _c : getDefaultListHtml(item, isLeft)]);
       })]) : getEmptyHtml(emptySlotName);
     };
@@ -27315,6 +27349,12 @@ const NODE_SOURCE_ATTRS = {
   ["__is_loading"]: "loading",
   ["__is_root"]: "isRoot"
 };
+const NODE_CONTENT_ACTIONS = [
+  "click",
+  "selected",
+  "expand",
+  "collapse"
+];
 const treeProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
   label: PropTypes.oneOfType([PropTypes.func.def(void 0), PropTypes.string.def("label")]),
@@ -27368,7 +27408,12 @@ const treeProps = {
   showNodeTypeIcon: PropTypes.bool.def(true),
   selected: PropTypes.oneOfType([PropTypes.string, null, PropTypes.number, PropTypes.object]).def(null),
   autoCheckChildren: PropTypes.bool.def(true),
-  autoOpenParentNode: PropTypes.bool.def(true)
+  autoOpenParentNode: PropTypes.bool.def(true),
+  expandAll: PropTypes.bool.def(false),
+  nodeContentAction: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.commonType(NODE_CONTENT_ACTIONS)),
+    PropTypes.func.def(() => ["selected"])
+  ]).def(["selected", "expand", "click"])
 };
 var useEmpty = (props2, {
   slots
@@ -27830,7 +27875,7 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
       setNodeAction(resolvedItem, NODE_ATTRIBUTES.IS_OPEN, isOpen);
     }
   };
-  const hanldeTreeNodeClick = (item, e) => {
+  const handleTreeNodeClick = (item, e) => {
     const isOpen = isNodeOpened(item);
     if (isOpen) {
       setNodeOpened(item, false, e);
@@ -27851,7 +27896,7 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
     e.stopImmediatePropagation();
     e.stopPropagation();
     e.preventDefault();
-    hanldeTreeNodeClick(node, e);
+    handleTreeNodeClick(node, e);
   };
   const setSelect = (uuid2, selected = true, autoOpen = true) => {
     const nodeList2 = Array.isArray(uuid2) ? uuid2 : [uuid2];
@@ -27890,13 +27935,39 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
       });
     }
   };
+  const resolveNodeAction = (node) => {
+    if (typeof props2.nodeContentAction === "function") {
+      return Reflect.apply(props2.nodeContentAction, globalThis, [{
+        node
+      }]);
+    }
+    if (typeof props2.nodeContentAction === "string") {
+      return [props2.nodeContentAction];
+    }
+    if (Array.isArray(props2.nodeContentAction)) {
+      return props2.nodeContentAction;
+    }
+    return ["selected", "expand", "click"];
+  };
   const handleNodeContentClick = (item, e) => {
-    setSelect(item, true, false);
-    if (!isNodeOpened(item)) {
-      hanldeTreeNodeClick(item, e);
+    const nodeActions = resolveNodeAction(item);
+    if (nodeActions.includes("selected")) {
+      setSelect(item, true, false);
+    }
+    if (nodeActions.includes("expand")) {
+      if (!isNodeOpened(item)) {
+        handleTreeNodeClick(item, e);
+      }
+    }
+    if (nodeActions.includes("collapse")) {
+      if (isNodeOpened(item)) {
+        handleTreeNodeClick(item, e);
+      }
+    }
+    if (nodeActions.includes("click")) {
+      const eventName = EVENTS.NODE_CLICK;
+      ctx.emit(eventName, item, resolveScopedSlotParam(item), getSchemaVal2(item[NODE_ATTRIBUTES.UUID]), e);
     }
-    const eventName = EVENTS.NODE_CLICK;
-    ctx.emit(eventName, item, resolveScopedSlotParam(item), getSchemaVal2(item[NODE_ATTRIBUTES.UUID]), e);
   };
   const filterNextNode = (depth, node) => {
     if (isRootNode(node)) {
@@ -27948,7 +28019,7 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
   };
   return {
     renderTreeNode,
-    hanldeTreeNodeClick,
+    handleTreeNodeClick,
     deepAutoOpen,
     asyncNodeClick,
     setNodeAction,
@@ -28189,7 +28260,7 @@ var useTreeInit = (props2) => {
       return uid || item[NODE_ATTRIBUTES.UUID] || uuid_1.v4();
     }
     const cachedDefaultVal = {
-      [NODE_ATTRIBUTES.IS_OPEN]: () => false,
+      [NODE_ATTRIBUTES.IS_OPEN]: () => !!props3.expandAll,
       [NODE_ATTRIBUTES.IS_CHECKED]: () => false,
       [NODE_ATTRIBUTES.IS_MATCH]: () => true,
       [NODE_ATTRIBUTES.IS_SELECTED]: (uuid2) => props3.selected === uuid2,
@@ -28464,7 +28535,7 @@ var Component$8 = defineComponent({
     const renderData = computed(() => flatData.data.filter((item) => checkNodeIsOpen(item) && filterFn(item)));
     const {
       renderTreeNode,
-      hanldeTreeNodeClick,
+      handleTreeNodeClick,
       setNodeOpened,
       setOpen,
       setNodeAction,
@@ -28481,7 +28552,7 @@ var Component$8 = defineComponent({
     });
     const getData = () => flatData;
     ctx.expose({
-      hanldeTreeNodeClick,
+      handleTreeNodeClick,
       isNodeChecked,
       isRootNode,
       isNodeOpened,
@@ -38257,7 +38328,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   Divider: BkDivider,
   Tab: BkTab,
   Message,
-  InfoBox,
+  InfoBox: BkInfoBox,
   Notify,
   Menu: BkMenu,
   Navigation,
@@ -38298,4 +38369,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, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, 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 };
+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, 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, BkPagination as Pagination, 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 };