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

package/lib/components/index.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var button = require('./button');
+var formCreate = require('./form-create');
+var formDesigner = require('./form-designer');
+var flowDesigner = require('./flow-designer');
+var feedback = require('./feedback');
+var searchFilter = require('./search-filter');
+var shopsFilter = require('./shops-filter');
+var index = require('./staffs-selector/index');
+var floatTable = require('./float-table');
+var overTooltips = require('./over-tooltips');
+var upload = require('./upload');
+var timeline = require('./timeline');
+var inputTagsDisplay = require('./input-tags-display');
+var selectAll = require('./select-all');
+var breadcrumb = require('./breadcrumb');
+var editor = require('./editor');
+var videoView = require('./videoView');
+var attachment = require('./attachment');
+var editForm = require('./edit-form');
+
+
+
+Object.keys(button).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return button[k]; }
+	});
+});
+Object.keys(formCreate).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formCreate[k]; }
+	});
+});
+Object.keys(formDesigner).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return formDesigner[k]; }
+	});
+});
+Object.keys(flowDesigner).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return flowDesigner[k]; }
+	});
+});
+Object.keys(feedback).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return feedback[k]; }
+	});
+});
+Object.keys(searchFilter).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return searchFilter[k]; }
+	});
+});
+Object.keys(shopsFilter).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return shopsFilter[k]; }
+	});
+});
+Object.keys(index).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return index[k]; }
+	});
+});
+Object.keys(floatTable).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return floatTable[k]; }
+	});
+});
+Object.keys(overTooltips).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return overTooltips[k]; }
+	});
+});
+Object.keys(upload).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return upload[k]; }
+	});
+});
+Object.keys(timeline).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return timeline[k]; }
+	});
+});
+Object.keys(inputTagsDisplay).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return inputTagsDisplay[k]; }
+	});
+});
+Object.keys(selectAll).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return selectAll[k]; }
+	});
+});
+Object.keys(breadcrumb).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return breadcrumb[k]; }
+	});
+});
+Object.keys(editor).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return editor[k]; }
+	});
+});
+Object.keys(videoView).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return videoView[k]; }
+	});
+});
+Object.keys(attachment).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return attachment[k]; }
+	});
+});
+Object.keys(editForm).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return editForm[k]; }
+	});
+});

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

@@ -0,0 +1,237 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('bm-admin-ui/lib/utils/with-install');
+var vue = require('vue');
+var ToolTip = require('ant-design-vue/lib/tooltip');
+var Button = require('ant-design-vue/lib/button');
+var Tag = require('ant-design-vue/lib/tag');
+var iconsVue = require('@ant-design/icons-vue');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var ToolTip__default = /*#__PURE__*/_interopDefaultLegacy(ToolTip);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = vue.defineComponent({
+  components: { ToolTip: ToolTip__default["default"], CloseCircleFilled: iconsVue.CloseCircleFilled, Button: Button__default["default"], Tag: Tag__default["default"] },
+  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 = vue.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"
+    });
+    vue.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__ */ vue.createElementVNode("div", null, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Tag = vue.resolveComponent("Tag");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_ToolTip = vue.resolveComponent("ToolTip");
+  const _component_Button = vue.resolveComponent("Button");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    _ctx.list && _ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      id: _ctx.containId,
+      class: "bm-tags-display-wrapper"
+    }, [
+      vue.createVNode(_component_ToolTip, vue.normalizeProps(vue.guardReactiveProps(_ctx.tooltipConfig)), {
+        title: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createTextVNode(" \u5DF2\u9009\u62E9"),
+              vue.createElementVNode("span", null, vue.toDisplayString(_ctx.list.length), 1),
+              vue.createTextVNode("\u9879 ")
+            ])
+          ]),
+          vue.createElementVNode("div", {
+            class: "pop-seleted-list",
+            onWheel: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
+              return vue.openBlock(), vue.createBlock(_component_Tag, {
+                key: item[_ctx.fieldNames.key],
+                class: "pop-seleted-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(item[_ctx.fieldNames.title]), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ], 32)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: "select-input-wrapper",
+            onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
+              return vue.openBlock(), vue.createBlock(_component_Tag, {
+                key: item[_ctx.fieldNames.key]
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(item[_ctx.fieldNames.title]), 1)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128)),
+            !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "list-clear",
+              onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.clear && _ctx.clear(...args), ["stop"])),
+              onMouseenter: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+              }, ["stop"])),
+              onMouseover: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              vue.createVNode(_component_CloseCircleFilled)
+            ], 32)) : vue.createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 1
+      }, 16)
+    ], 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+    _ctx.showEmptyBtn && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+      vue.createVNode(_component_Button, {
+        onClick: vue.withModifiers(_ctx.toAddTags, ["stop"])
+      }, {
+        default: vue.withCtx(() => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.btnText), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ])) : vue.createCommentVNode("v-if", true),
+    _ctx.showEmpty && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["selector-empty-input", { "empty-disabled": _ctx.disabled }]),
+        onClick: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
+      }, " \xA0\xA0" + vue.toDisplayString(_ctx.placeholder), 3)
+    ])) : vue.createCommentVNode("v-if", true),
+    _hoisted_7
+  ]);
+}
+var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);
+
+const BmTagsDisplay = withInstall.withInstall(InputTagsDisplay);
+
+exports.BmTagsDisplay = BmTagsDisplay;
+exports["default"] = BmTagsDisplay;

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

@@ -0,0 +1,138 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('bm-admin-ui/lib/utils/with-install');
+var vue = require('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 = vue.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;
+        }
+      }
+    }
+    vue.onBeforeUnmount(function() {
+      observer.disconnect();
+    });
+    let mySelf = vue.ref();
+    vue.watch(
+      () => props.showAlways,
+      function(showAlways) {
+        if (showAlways)
+          state.openShow = showAlways;
+        mySelf.value && observer.unobserve(mySelf.value);
+        vue.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 {
+      ...vue.toRefs(state),
+      mySelf,
+      handleVisibleChange,
+      getPopupContainer
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_tooltip = vue.resolveComponent("a-tooltip");
+  return vue.openBlock(), vue.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: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "title")
+    ]),
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", {
+        ref: "mySelf",
+        style: vue.normalizeStyle({
+          width: $props.width ? $props.width + "px" : "100%",
+          WebkitLineClamp: $props.line
+        }),
+        class: vue.normalizeClass($props.line === 1 ? `bm-over-tooltip` : `bm-over-tooltip-multi`)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.renderSlot(_ctx.$slots, "title", {}, () => [
+            vue.createTextVNode(vue.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.withInstall(OverTooltips);
+
+exports.BmOverTooltips = BmOverTooltips;
+exports["default"] = BmOverTooltips;