bm-admin-ui 1.0.82-alpha → 1.0.83-alpha

package/es/components/feedback/index.js

@@ -0,0 +1,295 @@
+import { notification, Modal, Button } from 'ant-design-vue';
+import { CheckCircleFilled, ExclamationCircleFilled, CloseCircleFilled, InfoCircleFilled, CheckCircleOutlined, ExclamationCircleOutlined, CloseCircleOutlined, InfoCircleOutlined, CloseOutlined } from '@ant-design/icons-vue';
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, resolveDynamicComponent, renderSlot, useSlots, resolveComponent, createSlots, createElementVNode, createVNode, createTextVNode, h } from 'vue';
+import AAlert from 'ant-design-vue/lib/alert';
+import AModal$1 from 'ant-design-vue/lib/modal';
+import message from 'ant-design-vue/lib/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__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const getIconCmp = computed(() => {
+      if (props.message !== "" && props.description !== "") {
+        return {
+          success: CheckCircleFilled,
+          warning: ExclamationCircleFilled,
+          error: CloseCircleFilled,
+          info: InfoCircleFilled
+        }[props.type || "info"];
+      } else {
+        return {
+          success: CheckCircleOutlined,
+          warning: ExclamationCircleOutlined,
+          error: CloseCircleOutlined,
+          info: InfoCircleOutlined
+        }[props.type || "info"];
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AAlert), {
+        message: props.message,
+        description: props.description,
+        type: props.type,
+        "show-icon": ""
+      }, {
+        icon: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(getIconCmp))))
+        ]),
+        default: withCtx(() => [
+          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__ */ 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 = useSlots();
+    const caculWidth = 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 = resolveComponent("a-button");
+      return openBlock(), createBlock(unref(AModal$1), {
+        "wrap-class-name": "bm-modal-dialog",
+        width: unref(caculWidth),
+        visible: props.visible,
+        onChange: _cache[1] || (_cache[1] = (v) => _ctx.$emit("close", v))
+      }, createSlots({
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ], 512)
+        ]),
+        _: 2
+      }, [
+        unref(slots) && unref(slots).title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        unref(slots) && unref(slots).footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "1"
+        } : {
+          name: "footer",
+          fn: withCtx(() => [
+            createVNode(_component_a_button, {
+              type: "second",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u53D6\u6D88")
+              ]),
+              _: 1
+            }),
+            createVNode(_component_a_button, {
+              type: "primary",
+              onClick: onOkCallback
+            }, {
+              default: withCtx(() => [
+                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: () => h(CheckCircleFilled, { style: `color: ${feedbackColor.SUCCESS}` }),
+    error: () => h(CloseCircleFilled, { style: `color: ${feedbackColor.ERROR}` }),
+    warning: () => h(ExclamationCircleFilled, { style: `color: ${feedbackColor.WARNING}` }),
+    info: () => h(InfoCircleFilled, { style: `color: ${feedbackColor.INFO}` }),
+    confirm: () => h(InfoCircleFilled, { style: `color: ${feedbackColor.INFO}` }),
+    warn: () => h(ExclamationCircleFilled, { style: `color: ${feedbackColor.WARNING}` }),
+};
+function __createBtn(btnText = '确定', onClick = (() => '点击'), style = '', type = 'primary', size = 'small') {
+    return h(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']();
+            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 notification.close(key);
+            config['onCancel']();
+        }), '', 'second');
+        btn = (btn ? h('div', {}, [cancel, btn]) : cancel);
+    }
+    if (btn)
+        config['btn'] = btn;
+    if ([feedbackType.WARNING, feedbackType.WARN].indexOf(type) !== -1) {
+        notification.warning(Object.assign({ key, icon: feedbackIcon['warning'] }, config));
+        return;
+    }
+    notification[type](Object.assign({ key }, config));
+};
+const StaticBmModal = (config) => {
+    const type = config['type'] || feedbackType.INFO;
+    return 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[type]) {
+        throw new Error('请输入正确的message类型type值');
+    }
+    const key = config.key || idGenerator();
+    const content = config.closable
+        ? h('div', { class: 'bm-message-content-fade-div' }, [
+            config.content,
+            h(CloseOutlined, {
+                onClick(e) {
+                    e.stopPropagation();
+                    message.destroy(key);
+                },
+            }),
+        ])
+        : config.content;
+    message[type](Object.assign(Object.assign({ class: `bm-message-${type}` }, config), { key,
+        content }));
+};
+const BmModal = withInstall(AModal);
+const BmAlert = withInstall(Alert);
+
+export { BmAlert, BmMessage, BmModal, BmNotification, StaticBmModal };