bkui-vue 0.0.1-beta.341 → 0.0.1-beta.343

package/dist/index.esm.js

@@ -7889,18 +7889,27 @@ var SizeEnum = /* @__PURE__ */ ((SizeEnum2) => {
   SizeEnum2["DEFAULT"] = "default";
   return SizeEnum2;
 })(SizeEnum || {});
-const renderDirectiveType = j("renderDirective", {
-  default: "show"
-});
+var RenderDirectiveEnum = /* @__PURE__ */ ((RenderDirectiveEnum2) => {
+  RenderDirectiveEnum2["IF"] = "if";
+  RenderDirectiveEnum2["SHOW"] = "show";
+  return RenderDirectiveEnum2;
+})(RenderDirectiveEnum || {});
+function renderDirectiveType() {
+  return j("renderDirective", {
+    default: "show"
+  });
+}
 var AlignEnum = /* @__PURE__ */ ((AlignEnum2) => {
   AlignEnum2["LEFT"] = "left";
   AlignEnum2["CENTER"] = "center";
   AlignEnum2["RIGHT"] = "right";
   return AlignEnum2;
 })(AlignEnum || {});
-const alignType = j("align", {
-  default: "left"
-});
+function alignType() {
+  return j("align", {
+    default: "left"
+  }).def("left");
+}
 var ThemeEnum = /* @__PURE__ */ ((ThemeEnum2) => {
   ThemeEnum2["PRIMARY"] = "primary";
   ThemeEnum2["WARNING"] = "warning";
@@ -7926,13 +7935,23 @@ var PlacementEnum = /* @__PURE__ */ ((PlacementEnum2) => {
   PlacementEnum2["LEFT_END"] = "left-end";
   return PlacementEnum2;
 })(PlacementEnum || {});
-const placementType = j("placement", {}).def("bottom");
-const triggerType = j("trigger", {}).def("hover");
-const dialogTypeUnion = j("dialogType", {
-  default: "operation"
-});
-const directionType = j("direction", {}).def("horizontal");
-const lineStyleType = j("lineType", {}).def("dashed");
+function placementType() {
+  return j("placement", {}).def("bottom");
+}
+function triggerType() {
+  return j("trigger", {}).def("hover");
+}
+function dialogTypeUnion() {
+  return j("dialogType", {
+    default: "operation"
+  });
+}
+function directionType() {
+  return j("direction", {}).def("horizontal");
+}
+function lineStyleType() {
+  return j("lineType", {}).def("dashed");
+}
 var TagThemeEnum = /* @__PURE__ */ ((TagThemeEnum2) => {
   TagThemeEnum2["SUCCESS"] = "success";
   TagThemeEnum2["INFO"] = "info";
@@ -7940,8 +7959,12 @@ var TagThemeEnum = /* @__PURE__ */ ((TagThemeEnum2) => {
   TagThemeEnum2["DANGER"] = "danger";
   return TagThemeEnum2;
 })(TagThemeEnum || {});
-const TagThemeType = j("tagTheme", {});
-const InputBehaviorType = j("behavior", {}).def("normal");
+function TagThemeType() {
+  return j("tagTheme", {}).def();
+}
+function InputBehaviorType() {
+  return j("behavior", {}).def("normal");
+}
 class PropTypes extends propTypesNS {
   static size() {
     const defaultList = ["small", "default", "large"];
@@ -8146,10 +8169,7 @@ const bkIcon = (props2, context) => {
   ]);
   const rootAttrs = `width: ${width}; height: ${height}; fill: ${fill}`;
   const iconBoxStyle = {
-    height: "1em",
-    width: "1em",
     display: "inline-flex",
-    "line-height": "1em",
     "align-items": "center",
     "justify-content": "center"
   };
@@ -8664,7 +8684,7 @@ JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.
 var Component$F = defineComponent({
   name: "Alert",
   props: {
-    theme: TagThemeType.def(TagThemeEnum.INFO),
+    theme: TagThemeType().def(TagThemeEnum.INFO),
     size: PropTypes.string,
     title: PropTypes.string,
     closable: PropTypes.bool.def(false),
@@ -9390,7 +9410,7 @@ const inputType = {
   max: PropTypes.integer,
   min: PropTypes.integer,
   maxlength: PropTypes.integer,
-  behavior: InputBehaviorType,
+  behavior: InputBehaviorType(),
   showWordLimit: PropTypes.bool,
   showControl: PropTypes.bool.def(true),
   showClearOnlyHover: PropTypes.bool.def(true),
@@ -9992,7 +10012,7 @@ const propsCollapsePanel = __spreadValues({
   content: PropTypes.string,
   disabled: PropTypes.bool.def(false),
   isFormList: PropTypes.bool.def(false),
-  renderDirective: renderDirectiveType,
+  renderDirective: renderDirectiveType().def(RenderDirectiveEnum.SHOW),
   modelValue: PropTypes.bool.def(false)
 }, CollapsePanelEventProps);
 const trimArr$1 = function(s2) {
@@ -10292,7 +10312,7 @@ const propsMixin$1 = {
   animateType: PropTypes.string.def("slide"),
   renderDirective: renderDirectiveType,
   beforeClose: PropTypes.custom(() => true),
-  dialogType: dialogTypeUnion,
+  dialogType: dialogTypeUnion(),
   multiInstance: PropTypes.bool.def(true),
   infoType: PropTypes.theme()
 };
@@ -10422,10 +10442,10 @@ const props = __spreadProps(__spreadValues({}, propsMixin$1), {
   current: PropTypes.number.def(1),
   totalStep: PropTypes.number,
   title: PropTypes.string.def("title"),
-  headerAlign: alignType,
-  footerAlign: alignType.def(AlignEnum.RIGHT),
+  headerAlign: alignType().def(AlignEnum.LEFT),
+  footerAlign: alignType().def(AlignEnum.RIGHT),
   theme: PropTypes.theme().def(ThemeEnum.PRIMARY),
-  dialogType: dialogTypeUnion,
+  dialogType: dialogTypeUnion(),
   isLoading: PropTypes.bool.def(false)
 });
 function _isSlot$7(s2) {
@@ -11622,12 +11642,12 @@ const PopoverProps = __spreadValues({
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
-  placement: placementType.def("top"),
+  placement: placementType().def(PlacementEnum.TOP),
   theme: PropTypes.string.def("dark"),
-  trigger: triggerType,
+  trigger: triggerType(),
   arrow: PropTypes.bool.def(true),
   padding: PropTypes.number.def(5),
-  offset: PropTypes.number.def(6),
+  offset: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({})]).def(6),
   boundary: PropTypes.oneOfType([PropTypes.string.def("parent"), PropTypes.instanceOf(HTMLElement)]),
   zIndex: PropTypes.number.def(void 0),
   disableTeleport: PropTypes.bool.def(false),
@@ -12990,13 +13010,17 @@ var useFloating = (props2, ctx, {
     if (Array.isArray(props2.modifiers)) {
       props2.modifiers.forEach((m2) => {
         var _a, _b, _c, _d;
-        let result = 0;
+        let result;
         if (m2.name === "offset") {
           if (typeof ((_a = m2.options) == null ? void 0 : _a.offset) === "number") {
             result = (_b = m2.options) == null ? void 0 : _b.offset;
           }
           if (Array.isArray((_c = m2.options) == null ? void 0 : _c.offset)) {
-            result = (_d = m2.options) == null ? void 0 : _d.offset.reduce((o2, c2) => o2 + c2, 0);
+            const [mainAxis, crossAxis] = (_d = m2.options) == null ? void 0 : _d.offset;
+            result = {
+              mainAxis,
+              crossAxis
+            };
           }
           Object.assign(resolveResult, {
             offset: result
@@ -14944,7 +14968,7 @@ var TagStrokeType;
 var Component$k = defineComponent({
   name: "Tag",
   props: {
-    theme: TagThemeType,
+    theme: TagThemeType(),
     closable: PropTypes.bool.def(false),
     type: j("tagStorkeType", {}).def(TagStrokeType.UNKNOWN),
     checkable: PropTypes.bool.def(false),
@@ -15011,7 +15035,7 @@ var SelectTagInput = defineComponent({
       type: Array,
       default: () => []
     },
-    tagTheme: TagThemeType,
+    tagTheme: TagThemeType(),
     placeholder: PropTypes.string.def(""),
     filterable: PropTypes.bool.def(false),
     allowCreate: PropTypes.bool.def(false),
@@ -15159,8 +15183,8 @@ var Component$j = defineComponent({
     popoverMinWidth: PropTypes.number.def(0),
     showOnInit: PropTypes.bool.def(false),
     multipleMode: PropTypes.oneOf(["default", "tag"]).def("default"),
-    tagTheme: TagThemeType,
-    behavior: InputBehaviorType,
+    tagTheme: TagThemeType(),
+    behavior: InputBehaviorType(),
     collapseTags: PropTypes.bool.def(false),
     autoHeight: PropTypes.bool.def(true),
     noDataText: PropTypes.string.def("\u65E0\u6570\u636E"),
@@ -15914,9 +15938,9 @@ const stepsProps = {
   size: PropTypes.size(),
   curStep: PropTypes.number.def(1),
   controllable: PropTypes.bool.def(false),
-  direction: directionType,
+  direction: directionType(),
   status: j("status", {}).def(StatusEnum.UNKNOWN),
-  lineType: lineStyleType,
+  lineType: lineStyleType(),
   text: PropTypes.bool,
   extCls: PropTypes.string,
   steps: PropTypes.array.def([]),
@@ -19575,12 +19599,10 @@ var Component$d = defineComponent({
     const popoverProps = reactive(__spreadValues({
       isShow: false,
       width: 190,
-      modifiers: [{
-        name: "offset",
-        options: {
-          offset: [0, 4]
-        }
-      }]
+      offset: {
+        mainAxis: 4,
+        crossAxis: 0
+      }
     }, props2.popoverProps));
     const {
       maxResult
@@ -19596,7 +19618,6 @@ var Component$d = defineComponent({
     const tagListRef = ref(null);
     const tagInputItemRef = ref(null);
     const selectorListRef = ref(null);
-    const popoverRef = ref(null);
     const timer = ref(null);
     const showTagClose = computed(() => !props2.disabled && props2.hasDeleteIcon);
     const isSingleSelect = computed(() => props2.maxData === 1);
@@ -19679,15 +19700,8 @@ var Component$d = defineComponent({
       initData();
     });
     const changePopoverOffset = () => {
-      var _a, _b;
-      const left2 = isSingleSelect.value ? 0 : (_a = tagInputItemRef.value) == null ? void 0 : _a.offsetLeft;
-      popoverProps.modifiers = [{
-        name: "offset",
-        options: {
-          offset: [left2, 4]
-        }
-      }];
-      (_b = popoverRef.value) == null ? void 0 : _b.update();
+      var _a;
+      popoverProps.offset.crossAxis = isSingleSelect.value ? 0 : (_a = tagInputItemRef.value) == null ? void 0 : _a.offsetLeft;
     };
     const scrollHandler = () => {
       if (pageState.isPageLoading || selectorListRef.value.scrollTop === 0) {
@@ -20218,7 +20232,6 @@ var Component$d = defineComponent({
       tagListRef,
       tagInputItemRef,
       selectorListRef,
-      popoverRef,
       triggerClass,
       overflowTagIndex,
       localCollapseTags,
@@ -20243,11 +20256,9 @@ var Component$d = defineComponent({
       "onMouseenter": () => this.isHover = true,
       "onMouseleave": () => this.isHover = false
     }, [createVNode(BkPopover, mergeProps({
-      "ref": "popoverRef",
-      "theme": "light",
+      "theme": "light bk-tag-input-popover-content",
       "trigger": "manual",
       "placement": "bottom-start",
-      "content-cls": "bk-tag-input-popover-content",
       "arrow": false
     }, this.popoverProps), {
       default: () => {
@@ -20358,11 +20369,11 @@ var Component$d = defineComponent({
 });
 const TagInput = withInstall(Component$d);
 const dividerProps = {
-  direction: directionType,
-  align: alignType.def(AlignEnum.CENTER),
+  direction: directionType(),
+  align: alignType().def(AlignEnum.CENTER),
   color: PropTypes.string.def("#dde4eb"),
   width: PropTypes.number.def(1),
-  type: lineStyleType
+  type: lineStyleType()
 };
 var bkDivider = defineComponent({
   name: "Divider",
@@ -29242,8 +29253,8 @@ var Dropdown = defineComponent({
   name: "Dropdown",
   props: {
     isShow: PropTypes.bool.def(false),
-    placement: placementType,
-    trigger: triggerType,
+    placement: placementType(),
+    trigger: triggerType(),
     disabled: PropTypes.bool.def(false),
     popoverOptions: PropTypes.object.def({}),
     extCls: PropTypes.string