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

package/lib/components/feedback/index.js

@@ -0,0 +1,309 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var antDesignVue = require('ant-design-vue');
+var iconsVue = require('@ant-design/icons-vue');
+var withInstall = require('bm-admin-ui/lib/utils/with-install');
+var vue = require('vue');
+var AAlert = require('ant-design-vue/lib/alert');
+var AModal$1 = require('ant-design-vue/lib/modal');
+var message = require('ant-design-vue/lib/message');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var AAlert__default = /*#__PURE__*/_interopDefaultLegacy(AAlert);
+var AModal__default = /*#__PURE__*/_interopDefaultLegacy(AModal$1);
+var message__default = /*#__PURE__*/_interopDefaultLegacy(message);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const __default__$1 = {
+  name: "BmAlert"
+};
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...__default__$1,
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const getIconCmp = vue.computed(() => {
+      if (props.message !== "" && props.description !== "") {
+        return {
+          success: iconsVue.CheckCircleFilled,
+          warning: iconsVue.ExclamationCircleFilled,
+          error: iconsVue.CloseCircleFilled,
+          info: iconsVue.InfoCircleFilled
+        }[props.type || "info"];
+      } else {
+        return {
+          success: iconsVue.CheckCircleOutlined,
+          warning: iconsVue.ExclamationCircleOutlined,
+          error: iconsVue.CloseCircleOutlined,
+          info: iconsVue.InfoCircleOutlined
+        }[props.type || "info"];
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(AAlert__default["default"]), {
+        message: props.message,
+        description: props.description,
+        type: props.type,
+        "show-icon": ""
+      }, {
+        icon: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(getIconCmp))))
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["message", "description", "type"]);
+    };
+  }
+});
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "bmAlert.vue"]]);
+
+const _hoisted_1 = {
+  ref: "modalBody",
+  class: "bm-modal-body"
+};
+const __default__ = {
+  name: "BmModal"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    width: {
+      type: String,
+      default: ""
+    },
+    visible: {
+      type: Boolean,
+      default: false,
+      require: true
+    },
+    size: {
+      type: String,
+      default: "small"
+    }
+  },
+  emits: ["close", "ok"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const caculWidth = vue.computed(() => {
+      if (props.width && props.width !== "")
+        return props.width;
+      if (props.size === "middle")
+        return "640px";
+      if (props.size === "large")
+        return "900px";
+      return "480px";
+    });
+    function onOkCallback(e) {
+      emit("ok", e);
+      emit("close", false);
+    }
+    return (_ctx, _cache) => {
+      const _component_a_button = vue.resolveComponent("a-button");
+      return vue.openBlock(), vue.createBlock(vue.unref(AModal__default["default"]), {
+        "wrap-class-name": "bm-modal-dialog",
+        width: vue.unref(caculWidth),
+        visible: props.visible,
+        onChange: _cache[1] || (_cache[1] = (v) => _ctx.$emit("close", v))
+      }, vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 512)
+        ]),
+        _: 2
+      }, [
+        vue.unref(slots) && vue.unref(slots).title ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        vue.unref(slots) && vue.unref(slots).footer ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "1"
+        } : {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_a_button, {
+              type: "second",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u53D6\u6D88")
+              ]),
+              _: 1
+            }),
+            vue.createVNode(_component_a_button, {
+              type: "primary",
+              onClick: onOkCallback
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u786E\u5B9A")
+              ]),
+              _: 1
+            })
+          ]),
+          key: "2"
+        }
+      ]), 1032, ["width", "visible"]);
+    };
+  }
+});
+var AModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "bmModal.vue"]]);
+
+const idGenerator = (function () {
+    let id = 0;
+    return function () {
+        return (Math.random().toString(36) + Number(`${Date.now()}${++id}`).toString(36)).slice(2);
+    };
+})();
+var feedbackType;
+(function (feedbackType) {
+    feedbackType["SUCCESS"] = "success";
+    feedbackType["ERROR"] = "error";
+    feedbackType["INFO"] = "info";
+    feedbackType["WARNING"] = "warning";
+    feedbackType["CONFIRM"] = "confirm";
+    feedbackType["WARN"] = "warn";
+})(feedbackType || (feedbackType = {}));
+var feedbackColor;
+(function (feedbackColor) {
+    feedbackColor["SUCCESS"] = "#29CC7A";
+    feedbackColor["ERROR"] = "#E64C2E";
+    feedbackColor["INFO"] = "#2F4EED";
+    feedbackColor["WARNING"] = "#FF9019";
+    feedbackColor["CONFIRM"] = "#2F4EED";
+    feedbackColor["WARN"] = "#FF9019";
+})(feedbackColor || (feedbackColor = {}));
+const feedbackIcon = {
+    success: () => vue.h(iconsVue.CheckCircleFilled, { style: `color: ${feedbackColor.SUCCESS}` }),
+    error: () => vue.h(iconsVue.CloseCircleFilled, { style: `color: ${feedbackColor.ERROR}` }),
+    warning: () => vue.h(iconsVue.ExclamationCircleFilled, { style: `color: ${feedbackColor.WARNING}` }),
+    info: () => vue.h(iconsVue.InfoCircleFilled, { style: `color: ${feedbackColor.INFO}` }),
+    confirm: () => vue.h(iconsVue.InfoCircleFilled, { style: `color: ${feedbackColor.INFO}` }),
+    warn: () => vue.h(iconsVue.ExclamationCircleFilled, { style: `color: ${feedbackColor.WARNING}` }),
+};
+function __createBtn(btnText = '确定', onClick = (() => '点击'), style = '', type = 'primary', size = 'small') {
+    return vue.h(antDesignVue.Button, {
+        type,
+        size,
+        onClick,
+        style,
+    }, { default: () => btnText });
+}
+const BmNotification = (config) => {
+    const type = config['type'] || feedbackType.INFO;
+    let btn = undefined;
+    const key = config['key'] || `${type}${Date.now()}`;
+    if (config['onConfirm']) {
+        btn = __createBtn('确定', (e) => __awaiter(void 0, void 0, void 0, function* () {
+            e.stopPropagation();
+            e.preventDefault();
+            yield config['onConfirm']();
+            antDesignVue.notification.close(key);
+        }), 'margin-left: 8px');
+    }
+    if (config['onCancel']) {
+        const cancel = __createBtn('取消', (e) => __awaiter(void 0, void 0, void 0, function* () {
+            e.stopPropagation();
+            e.preventDefault();
+            yield antDesignVue.notification.close(key);
+            config['onCancel']();
+        }), '', 'second');
+        btn = (btn ? vue.h('div', {}, [cancel, btn]) : cancel);
+    }
+    if (btn)
+        config['btn'] = btn;
+    if ([feedbackType.WARNING, feedbackType.WARN].indexOf(type) !== -1) {
+        antDesignVue.notification.warning(Object.assign({ key, icon: feedbackIcon['warning'] }, config));
+        return;
+    }
+    antDesignVue.notification[type](Object.assign({ key }, config));
+};
+const StaticBmModal = (config) => {
+    const type = config['type'] || feedbackType.INFO;
+    return antDesignVue.Modal[type](Object.assign({ cancelButtonProps: { type: 'second' }, okType: 'primary', cancelText: '取消', okText: '确认', autoFocusButton: null, icon: feedbackIcon[type] }, config));
+};
+const BmMessage = (config) => {
+    const type = config.type;
+    if (!type || !message__default["default"][type]) {
+        throw new Error('请输入正确的message类型type值');
+    }
+    const key = config.key || idGenerator();
+    const content = config.closable
+        ? vue.h('div', { class: 'bm-message-content-fade-div' }, [
+            config.content,
+            vue.h(iconsVue.CloseOutlined, {
+                onClick(e) {
+                    e.stopPropagation();
+                    message__default["default"].destroy(key);
+                },
+            }),
+        ])
+        : config.content;
+    message__default["default"][type](Object.assign(Object.assign({ class: `bm-message-${type}` }, config), { key,
+        content }));
+};
+const BmModal = withInstall.withInstall(AModal);
+const BmAlert = withInstall.withInstall(Alert);
+
+exports.BmAlert = BmAlert;
+exports.BmMessage = BmMessage;
+exports.BmModal = BmModal;
+exports.BmNotification = BmNotification;
+exports.StaticBmModal = StaticBmModal;