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

package/es/components/attachment/index.js

@@ -0,0 +1,273 @@
+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, defineComponent, computed, createElementBlock, Fragment, createVNode, unref, createCommentVNode } from 'vue';
+import { DownloadOutlined, EyeOutlined } 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$1 = {
+  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$1, [["render", _sfc_render], ["__file", "over-tooltips.vue"]]);
+
+const BmOverTooltips = withInstall(OverTooltips);
+var BmOverTooltips$1 = BmOverTooltips;
+
+const _hoisted_1 = { class: "file_block" };
+const _hoisted_2 = { class: "file_name" };
+const _hoisted_3 = { class: "file_info" };
+const _hoisted_4 = { class: "icon_text" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("span", { class: "icon_text" }, "\u5728\u7EBF\u67E5\u770B", -1);
+const __default__ = {
+  name: "BmAttachment"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    file: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["preview", "download"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const visible = ref(false);
+    const data = reactive({
+      fileType: computed(() => {
+        const getFileType = (file) => {
+          const index = file.lastIndexOf(".");
+          return file.substr(index + 1);
+        };
+        return getFileType(props.file.fileName);
+      }),
+      nonsupportPreview: computed(() => {
+        return ["zip", "rar"].includes(data.fileType);
+      }),
+      pictureFileTypes: [
+        "img",
+        "image",
+        "png",
+        "PNG",
+        "image/png",
+        "jpg",
+        "JPG",
+        "jpeg",
+        "JPEG",
+        "image/jpeg",
+        "gif",
+        "GIF",
+        "image/gif"
+      ],
+      openViewImage: ""
+    });
+    const renderSize = (size) => {
+      const pow1024 = (num) => {
+        return Math.pow(1024, num);
+      };
+      if (!size)
+        return "0KB";
+      if (size < pow1024(1))
+        return `${size.toFixed(2)}KB`;
+      if (size < pow1024(2))
+        return `${(size / pow1024(1)).toFixed(2)}MB`;
+      if (size < pow1024(3))
+        return `${(size / pow1024(2)).toFixed(2)}GB`;
+      return `${(size / pow1024(3)).toFixed(2)}TB`;
+    };
+    const setVisible = (value) => {
+      visible.value = value;
+    };
+    const preview = (item) => {
+      if (data.pictureFileTypes.indexOf(data.fileType) > -1) {
+        setVisible(true);
+        data.openViewImage = item.filePath;
+        return;
+      }
+      window.open(item.filePath);
+    };
+    const download = (item) => {
+      emit("download", { file: item });
+    };
+    return (_ctx, _cache) => {
+      const _component_a_image = resolveComponent("a-image");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("i", {
+            class: normalizeClass({
+              file_icon: true,
+              icon_excel: data.fileType === "xlsx",
+              icon_ppt: ["ppt", "pptx"].indexOf(data.fileType) > -1,
+              icon_word: ["docx", "doc"].indexOf(data.fileType) > -1,
+              icon_image: ["png", "jpg", "jpeg", "gif"].indexOf(data.fileType) > -1,
+              icon_video: data.fileType === "mp4",
+              icon_pdf: data.fileType === "pdf",
+              icon_compress: ["rar", "zip"].indexOf(data.fileType) > -1,
+              icon_others: true
+            })
+          }, null, 2),
+          createElementVNode("div", null, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(BmOverTooltips$1), {
+                placement: "topLeft",
+                title: __props.file.fileName || ""
+              }, null, 8, ["title"])
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              __props.file.isAllowDownload ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "file_size",
+                onClick: download
+              }, [
+                createVNode(unref(DownloadOutlined)),
+                createTextVNode(),
+                createElementVNode("span", _hoisted_4, toDisplayString(renderSize(__props.file.fileSize)), 1)
+              ])) : createCommentVNode("v-if", true),
+              !data.nonsupportPreview ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "file_preview",
+                onClick: _cache[0] || (_cache[0] = ($event) => preview(__props.file))
+              }, [
+                createVNode(unref(EyeOutlined)),
+                _hoisted_5
+              ])) : createCommentVNode("v-if", true)
+            ])
+          ])
+        ]),
+        createVNode(_component_a_image, {
+          style: { display: "none" },
+          preview: {
+            visible: visible.value,
+            onVisibleChange: setVisible
+          },
+          src: data.openViewImage
+        }, null, 8, ["preview", "src"])
+      ], 64);
+    };
+  }
+});
+var Attachment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "attachment.vue"]]);
+
+const BmAttachment = withInstall(Attachment);
+
+export { BmAttachment, BmAttachment as default };

package/es/components/breadcrumb/index.js

@@ -0,0 +1,158 @@
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { inject, defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, toDisplayString } from 'vue';
+import ABreadcrumb from 'ant-design-vue/lib/breadcrumb';
+import ABreadcrumbItem from 'ant-design-vue/lib/breadcrumb/BreadcrumbItem';
+import '@vue/devtools-api';
+
+/*!
+  * vue-router v4.1.6
+  * (c) 2022 Eduardo San Martin Morote
+  * @license MIT
+  */
+
+var NavigationType;
+(function (NavigationType) {
+    NavigationType["pop"] = "pop";
+    NavigationType["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function (NavigationDirection) {
+    NavigationDirection["back"] = "back";
+    NavigationDirection["forward"] = "forward";
+    NavigationDirection["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
+
+Symbol((process.env.NODE_ENV !== 'production') ? 'navigation failure' : '');
+/**
+ * Enumeration with all possible types for navigation failures. Can be passed to
+ * {@link isNavigationFailure} to check for specific failures.
+ */
+var NavigationFailureType;
+(function (NavigationFailureType) {
+    /**
+     * An aborted navigation is a navigation that failed because a navigation
+     * guard returned `false` or called `next(false)`
+     */
+    NavigationFailureType[NavigationFailureType["aborted"] = 4] = "aborted";
+    /**
+     * A cancelled navigation is a navigation that failed because a more recent
+     * navigation finished started (not necessarily finished).
+     */
+    NavigationFailureType[NavigationFailureType["cancelled"] = 8] = "cancelled";
+    /**
+     * A duplicated navigation is a navigation that failed because it was
+     * initiated while already being at the exact same location.
+     */
+    NavigationFailureType[NavigationFailureType["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
+
+/**
+ * RouteRecord being rendered by the closest ancestor Router View. Used for
+ * `onBeforeRouteUpdate` and `onBeforeRouteLeave`. rvlm stands for Router View
+ * Location Matched
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'router view location matched' : '');
+/**
+ * Allows overriding the router view depth to control which component in
+ * `matched` is rendered. rvd stands for Router View Depth
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'router view depth' : '');
+/**
+ * Allows overriding the router instance returned by `useRouter` in tests. r
+ * stands for router
+ *
+ * @internal
+ */
+const routerKey = Symbol((process.env.NODE_ENV !== 'production') ? 'router' : '');
+/**
+ * Allows overriding the current route returned by `useRoute` in tests. rl
+ * stands for route location
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'route location' : '');
+/**
+ * Allows overriding the current route used by router-view. Internally this is
+ * used when the `route` prop is passed.
+ *
+ * @internal
+ */
+Symbol((process.env.NODE_ENV !== 'production') ? 'router view location' : '');
+
+/**
+ * Returns the router instance. Equivalent to using `$router` inside
+ * templates.
+ */
+function useRouter() {
+    return inject(routerKey);
+}
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = {
+  key: 1,
+  class: "link"
+};
+const __default__ = {
+  name: "BmBreadcrumb"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    path: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["back"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const router = useRouter();
+    const handleJump = (path, backFn) => {
+      console.log(path);
+      if (!path)
+        return;
+      if (backFn)
+        return emit("back", path);
+      console.log(path);
+      router.push(path);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ABreadcrumb), { class: "breadcrumb" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(props.path, (item, index) => {
+            return openBlock(), createBlock(unref(ABreadcrumbItem), {
+              key: item.url
+            }, {
+              default: withCtx(() => [
+                index < __props.path.length - 1 ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "link",
+                  onClick: ($event) => handleJump(item.url, item.backFn)
+                }, toDisplayString(item.name), 9, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.name), 1))
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "breadcrumb.vue"]]);
+
+const BmBreadcrumb = withInstall(Breadcrumb);
+
+export { BmBreadcrumb, BmBreadcrumb as default };

package/es/components/button/index.js

@@ -0,0 +1,49 @@
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import AButton from 'ant-design-vue/lib/button';
+
+const buttonProps = {
+    size: {
+        type: String,
+        default: 'middle',
+    },
+    type: {
+        type: String,
+        default: 'bm-primary',
+    },
+};
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const __default__ = {
+  name: "BmButton"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: buttonProps,
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AButton), {
+        size: props.size,
+        type: props.type
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["size", "type"]);
+    };
+  }
+});
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "button.vue"]]);
+
+const BmButton = withInstall(Button);
+
+export { BmButton, BmButton as default };