bm-admin-ui 1.0.82-alpha → 1.0.84-alpha

package/es/components/index.js

@@ -0,0 +1,19 @@
+export * from './button';
+export * from './form-create';
+export * from './form-designer';
+export * from './flow-designer';
+export * from './feedback';
+export * from './search-filter';
+export * from './shops-filter';
+export * from './staffs-selector/index';
+export * from './float-table';
+export * from './over-tooltips';
+export * from './upload';
+export * from './timeline';
+export * from './input-tags-display';
+export * from './select-all';
+export * from './breadcrumb';
+export * from './editor';
+export * from './videoView';
+export * from './attachment';
+export * from './edit-form';

package/es/components/input-tags-display/index.js

@@ -0,0 +1,226 @@
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, createTextVNode, toDisplayString, withModifiers, Fragment, renderList, createBlock, createCommentVNode, normalizeClass } from 'vue';
+import ToolTip from 'ant-design-vue/lib/tooltip';
+import Button from 'ant-design-vue/lib/button';
+import Tag from 'ant-design-vue/lib/tag';
+import { CloseCircleFilled } from '@ant-design/icons-vue';
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
+  components: { ToolTip, CloseCircleFilled, Button, Tag },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    showEmpty: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    showEmptyBtn: {
+      type: Boolean,
+      default: true
+    },
+    unitStr: {
+      type: String,
+      default: "\u9879"
+    },
+    btnText: {
+      type: String,
+      default: "\u6DFB\u52A0"
+    },
+    toolTipProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    placement: {
+      type: String,
+      default: "bottom"
+    },
+    fieldNames: {
+      type: Object,
+      default: () => ({ key: "key", title: "title" })
+    },
+    alwaysInvoke: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["clear", "update:list", "addClick"],
+  setup(props, { emit }) {
+    const containId = `bm-tags-display${Date.now()}`;
+    function getPopupContainer() {
+      return document.querySelector(`#${containId}`);
+    }
+    function clear() {
+      if (props.disabled) {
+        return;
+      }
+      emit("update:list", []);
+      emit("clear");
+      if (!props.showEmptyBtn && !props.showEmpty) {
+        console.error(
+          "\u4E0D\u5E94\u5C06showEmptyBtn\u4E0EshowEmpty\u90FD\u7F6E\u4E3Afalse,\u8282\u70B9\u5E76\u672A\u5B9E\u9645\u9500\u6BC1"
+        );
+      }
+    }
+    function toAddTags() {
+      if (props.disabled) {
+        return;
+      }
+      if (!props.list.length || props.alwaysInvoke)
+        emit("addClick");
+    }
+    const tooltipConfig = ref({
+      align: void 0,
+      arrowPointAtCenter: false,
+      autoAdjustOverflow: true,
+      color: "#fff",
+      defaultVisible: false,
+      destroyTooltipOnHide: false,
+      getPopupContainer,
+      mouseEnterDelay: 0.1,
+      mouseLeaveDelay: 0.1,
+      overlayClassName: "__list-filter-popover",
+      overlayStyle: null,
+      placement: props.placement,
+      trigger: "hover"
+    });
+    watch(
+      () => props.toolTipProps,
+      (tooltipprop) => {
+        tooltipConfig.value = {
+          ...tooltipConfig.value,
+          ...tooltipprop
+        };
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return {
+      containId,
+      clear,
+      toAddTags,
+      tooltipConfig
+    };
+  }
+});
+const _hoisted_1 = { class: "bm-tags-display" };
+const _hoisted_2 = ["id"];
+const _hoisted_3 = { class: "pop-seleted" };
+const _hoisted_4 = { class: "pop-seleted-title" };
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = { key: 2 };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Tag = resolveComponent("Tag");
+  const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
+  const _component_ToolTip = resolveComponent("ToolTip");
+  const _component_Button = resolveComponent("Button");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.list && _ctx.list.length ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      id: _ctx.containId,
+      class: "bm-tags-display-wrapper"
+    }, [
+      createVNode(_component_ToolTip, normalizeProps(guardReactiveProps(_ctx.tooltipConfig)), {
+        title: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createTextVNode(" \u5DF2\u9009\u62E9"),
+              createElementVNode("span", null, toDisplayString(_ctx.list.length), 1),
+              createTextVNode("\u9879 ")
+            ])
+          ]),
+          createElementVNode("div", {
+            class: "pop-seleted-list",
+            onWheel: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
+              return openBlock(), createBlock(_component_Tag, {
+                key: item[_ctx.fieldNames.key],
+                class: "pop-seleted-item"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item[_ctx.fieldNames.title]), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ], 32)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "select-input-wrapper",
+            onClick: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
+              return openBlock(), createBlock(_component_Tag, {
+                key: item[_ctx.fieldNames.key]
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item[_ctx.fieldNames.title]), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128)),
+            !_ctx.disabled ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "list-clear",
+              onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.clear && _ctx.clear(...args), ["stop"])),
+              onMouseenter: _cache[2] || (_cache[2] = withModifiers(() => {
+              }, ["stop"])),
+              onMouseover: _cache[3] || (_cache[3] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              createVNode(_component_CloseCircleFilled)
+            ], 32)) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 1
+      }, 16)
+    ], 8, _hoisted_2)) : createCommentVNode("v-if", true),
+    _ctx.showEmptyBtn && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      createVNode(_component_Button, {
+        onClick: withModifiers(_ctx.toAddTags, ["stop"])
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.btnText), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ])) : createCommentVNode("v-if", true),
+    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
+      createElementVNode("div", {
+        class: normalizeClass(["selector-empty-input", { "empty-disabled": _ctx.disabled }]),
+        onClick: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
+      }, " \xA0\xA0" + toDisplayString(_ctx.placeholder), 3)
+    ])) : createCommentVNode("v-if", true),
+    _hoisted_7
+  ]);
+}
+var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);
+
+const BmTagsDisplay = withInstall(InputTagsDisplay);
+
+export { BmTagsDisplay, BmTagsDisplay as default };

package/es/components/over-tooltips/index.js

@@ -0,0 +1,133 @@
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { reactive, onBeforeUnmount, ref, watch, nextTick, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeStyle, normalizeClass, createTextVNode, toDisplayString } from 'vue';
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = {
+  name: "BmOverTooltips",
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    },
+    labelTitle: {
+      type: String,
+      default: void 0
+    },
+    line: {
+      type: Number,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      default: 0
+    },
+    showAlways: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, context) {
+    const state = reactive({
+      mSlots: {},
+      isShow: false,
+      openShow: false
+    });
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((item) => {
+          if (item.intersectionRatio > 0.3) {
+            observerDom();
+            observer.disconnect();
+          }
+        });
+      },
+      {
+        threshold: 0.3
+      }
+    );
+    function observerDom() {
+      if (props.line === 1) {
+        if (mySelf.value.scrollWidth > mySelf.value.clientWidth) {
+          state.openShow = true;
+        }
+      } else if (props.line > 1) {
+        if (mySelf.value.scrollHeight > mySelf.value.clientHeight) {
+          state.openShow = true;
+        }
+      }
+    }
+    onBeforeUnmount(function() {
+      observer.disconnect();
+    });
+    let mySelf = ref();
+    watch(
+      () => props.showAlways,
+      function(showAlways) {
+        if (showAlways)
+          state.openShow = showAlways;
+        mySelf.value && observer.unobserve(mySelf.value);
+        nextTick(function() {
+          mySelf.value && observer.observe(mySelf.value);
+        });
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleVisibleChange = (val) => {
+      state.isShow = !state.openShow ? false : val;
+    };
+    const getPopupContainer = () => {
+      return document.body;
+    };
+    return {
+      ...toRefs(state),
+      mySelf,
+      handleVisibleChange,
+      getPopupContainer
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_tooltip = resolveComponent("a-tooltip");
+  return openBlock(), createBlock(_component_a_tooltip, {
+    visible: _ctx.isShow,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.isShow = $event),
+    title: $props.labelTitle || $props.title,
+    "get-popup-container": $setup.getPopupContainer,
+    onVisibleChange: $setup.handleVisibleChange
+  }, {
+    title: withCtx(() => [
+      renderSlot(_ctx.$slots, "title")
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", {
+        ref: "mySelf",
+        style: normalizeStyle({
+          width: $props.width ? $props.width + "px" : "100%",
+          WebkitLineClamp: $props.line
+        }),
+        class: normalizeClass($props.line === 1 ? `bm-over-tooltip` : `bm-over-tooltip-multi`)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString($props.title), 1)
+          ])
+        ])
+      ], 6)
+    ]),
+    _: 3
+  }, 8, ["visible", "title", "get-popup-container", "onVisibleChange"]);
+}
+var OverTooltips = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "over-tooltips.vue"]]);
+
+const BmOverTooltips = withInstall(OverTooltips);
+
+export { BmOverTooltips, BmOverTooltips as default };