@ibiz-template/vue3-components 0.4.6 → 0.4.8-dev.0

package/es/panel-component/user-message/async-action-preview/async-action-preview.mjs

@@ -1,171 +0,0 @@
-import { reactive, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
-import { RuntimeError, downloadFileFromBlob } from '@ibiz-template/core';
-import { useNamespace } from '@ibiz-template/vue3-util';
-import qs from 'qs';
-import './async-action-preview.css';
-
-"use strict";
-function fileDownload(file) {
-  ibiz.net.request(file.url, {
-    method: "get",
-    responseType: "blob",
-    baseURL: ""
-    // 已经有baseURL了，这里无需再写
-  }).then((response) => {
-    const filename = qs.parse(response.headers["content-disposition"], {
-      delimiter: ";"
-    }).filename;
-    if (filename) {
-      file.name += `.${filename.split(".")[1]}`;
-    }
-    if (response.status !== 200) {
-      throw new RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
-    }
-    if (!response.data) {
-      throw new RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
-    } else {
-      const fileName = file.name;
-      downloadFileFromBlob(response.data, fileName);
-    }
-  });
-}
-const AsyncActionPreview = /* @__PURE__ */ defineComponent({
-  name: "IBizAsyncActionPreview",
-  props: {
-    asyncAction: {
-      type: Object,
-      required: true
-    },
-    modal: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("async-action-preview");
-    const onClose = () => {
-      props.modal.dismiss();
-    };
-    const info = reactive({
-      title: "",
-      beginTime: "",
-      endTime: "",
-      total: 0,
-      success: 0,
-      error: 0,
-      errorDetails: [{
-        row: 0,
-        reason: ""
-      }],
-      errorFileUrl: ""
-    });
-    info.title = `\u5BFC\u5165\u6570\u636E\u8BE6\u60C5-${props.asyncAction.asyncacitonname}`;
-    info.beginTime = props.asyncAction.begintime;
-    info.endTime = props.asyncAction.endtime;
-    if (props.asyncAction.actionresult) {
-      let actionResult;
-      try {
-        actionResult = JSON.parse(props.asyncAction.actionresult);
-      } catch (error) {
-        throw new RuntimeError("\u89E3\u6790\u5BFC\u5165\u4FE1\u606F\u5F02\u5E38");
-      }
-      info.total = actionResult.total || 0;
-      info.success = actionResult.success || 0;
-      info.error = info.total - info.success;
-      if (actionResult.errorinfo) {
-        info.errorDetails = Object.keys(actionResult.errorinfo).map((key) => {
-          return {
-            row: Number(key),
-            reason: actionResult.errorinfo[key].errorInfo
-          };
-        });
-      } else {
-        info.errorDetails = [];
-      }
-      if (actionResult.errorfile) {
-        info.errorFileUrl = `${ibiz.env.baseUrl}/${ibiz.env.appId}${ibiz.env.downloadFileUrl}/${actionResult.errorfile.folder}/${actionResult.errorfile.fileid}`;
-      }
-    }
-    const onDownLoad = () => {
-      fileDownload({
-        url: info.errorFileUrl,
-        name: info.title
-      });
-    };
-    return {
-      ns,
-      info,
-      onClose,
-      onDownLoad
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": [this.ns.b()]
-    }, [createVNode("div", {
-      "class": this.ns.b("header")
-    }, [createVNode("div", {
-      "class": this.ns.e("title")
-    }, [this.info.title]), createVNode("div", {
-      "class": this.ns.b("toolbar")
-    }, [this.info.errorFileUrl && createVNode(resolveComponent("el-button"), {
-      "onClick": this.onDownLoad
-    }, {
-      default: () => [createTextVNode("\u4E0B\u8F7D\u9519\u8BEF\u6587\u4EF6")]
-    }), createVNode(resolveComponent("el-button"), {
-      "onClick": this.onClose
-    }, {
-      default: () => [createTextVNode("\u5173\u95ED")]
-    })])]), createVNode("div", {
-      "class": this.ns.b("time")
-    }, [createVNode(resolveComponent("el-form-item"), {
-      "label": "\u5BFC\u5165\u65F6\u95F4: "
-    }, {
-      default: () => [this.info.beginTime, createTextVNode(" ~ "), this.info.endTime]
-    })]), createVNode(resolveComponent("el-row"), {
-      "class": this.ns.b("count")
-    }, {
-      default: () => [createVNode(resolveComponent("el-col"), {
-        "span": 8
-      }, {
-        default: () => [createVNode(resolveComponent("el-form-item"), {
-          "label": "\u5BFC\u5165\u603B\u6761\u6570: "
-        }, {
-          default: () => [this.info.total]
-        })]
-      }), createVNode(resolveComponent("el-col"), {
-        "span": 8
-      }, {
-        default: () => [createVNode(resolveComponent("el-form-item"), {
-          "label": "\u6210\u529F\u5BFC\u5165\u6570: "
-        }, {
-          default: () => [this.info.success]
-        })]
-      }), createVNode(resolveComponent("el-col"), {
-        "span": 8
-      }, {
-        default: () => [createVNode(resolveComponent("el-form-item"), {
-          "label": "\u5BFC\u5165\u5931\u8D25\u6570: "
-        }, {
-          default: () => [this.info.error]
-        })]
-      })]
-    }), this.info.errorDetails.length > 0 && createVNode("div", {
-      "class": this.ns.b("detail")
-    }, [this.info.errorDetails.map((detail) => {
-      return createVNode("div", {
-        "class": this.ns.b("detail-item")
-      }, [createVNode("div", {
-        "class": this.ns.be("detail-item", "index")
-      }, [detail.row]), createVNode("div", {
-        "class": this.ns.be("detail-item", "error")
-      }, [createVNode("div", {
-        "class": this.ns.be("detail-item", "error-title")
-      }, [createTextVNode("\u9519\u8BEF")]), createVNode("div", {
-        "class": this.ns.be("detail-item", "error-reason")
-      }, [detail.reason])])]);
-    })])]);
-  }
-});
-
-export { AsyncActionPreview };

package/es/panel-component/user-message/index.mjs

@@ -1,19 +0,0 @@
-import { registerAsyncActionProvider, registerPanelItemProvider } from '@ibiz-template/runtime';
-import { withInstall } from '@ibiz-template/vue3-util';
-import { AsyncAction } from './async-action/async-action.mjs';
-import { AsyncActionProvider } from './async-action/async-action.provider.mjs';
-import { UserMessage } from './user-message.mjs';
-import { UserMessageProvider } from './user-message.provider.mjs';
-
-"use strict";
-const IBizUserMessage = withInstall(UserMessage, function(v) {
-  v.component(UserMessage.name, UserMessage);
-  v.component(AsyncAction.name, AsyncAction);
-  registerAsyncActionProvider("DEIMPORTDATA2", () => new AsyncActionProvider());
-  registerPanelItemProvider(
-    "RAWITEM_USERMESSAGE",
-    () => new UserMessageProvider()
-  );
-});
-
-export { IBizUserMessage, IBizUserMessage as default };

package/es/panel-component/user-message/user-message.css

@@ -1 +0,0 @@
-.ibiz-user-message{--ibiz-user-message-load-more-height:30px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-message__image{width:28px;height:28px;cursor:pointer}.ibiz-user-message__notification-item{height:60px}.ibiz-user-message__nodata{display:flex;align-items:center;justify-content:center;height:calc(100% - var(--ibiz-user-message-load-more-height))}.ibiz-user-message__load-more{height:var(--ibiz-user-message-load-more-height);line-height:var(--ibiz-user-message-load-more-height);text-align:center}.ibiz-user-message__load-more:hover{cursor:pointer;color:var(--ibiz-color-primary-hover)}.ibiz-user-message-popover{width:500px!important;height:500px!important;--ibiz-user-message-load-more-height:30px}.ibiz-user-message-popover-content{height:100%}.ibiz-user-message-popover-content>.el-tabs__content{height:calc(100% - 55px)}.ibiz-user-message-popover-content>.el-tabs__content>.el-tab-pane{height:100%;overflow:auto}

package/es/panel-component/user-message/user-message.mjs

@@ -1,119 +0,0 @@
-import { ref, computed, resolveComponent, createVNode, h, createTextVNode, defineComponent } from 'vue';
-import { useNamespace, useAppStore } from '@ibiz-template/vue3-util';
-import { PanelItemController, getAsyncActionProvider } from '@ibiz-template/runtime';
-import './user-message.css';
-
-"use strict";
-const UserMessage = /* @__PURE__ */ defineComponent({
-  name: "IBizUserMessage",
-  props: {
-    modelData: {
-      type: Object,
-      required: true
-    },
-    controller: {
-      type: PanelItemController,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace("user-message");
-    const c = props.controller;
-    const showPopover = ref(false);
-    const currentTab = ref("notification");
-    const sysImage = props.modelData.sysImage || {
-      imagePath: "svg/message.svg"
-    };
-    const {
-      appStore
-    } = useAppStore();
-    const showHistoryLength = ref(0);
-    const actualMsgs = computed(() => {
-      const showLength = appStore.recentAsyncActions.length + showHistoryLength.value;
-      return appStore.allAsyncActions.filter((_, index) => {
-        return index < showLength;
-      });
-    });
-    const hiddenHistory = () => {
-      showHistoryLength.value = 0;
-    };
-    const showMoreHistory = () => {
-      showHistoryLength.value += 10;
-    };
-    const popoverRef = ref();
-    const onMsgClick = (_msg) => {
-      popoverRef.value.hide();
-    };
-    return {
-      ns,
-      c,
-      popoverRef,
-      showPopover,
-      sysImage,
-      currentTab,
-      appStore,
-      actualMsgs,
-      onMsgClick,
-      hiddenHistory,
-      showMoreHistory
-    };
-  },
-  render() {
-    const restLength = this.appStore.allAsyncActions.length - this.actualMsgs.length;
-    const loadMoreText = this.actualMsgs.length === 0 ? `\u67E5\u770B\u5386\u53F2\uFF08${restLength}\uFF09` : `\u52A0\u8F7D\u66F4\u591A\uFF08${restLength}\uFF09`;
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
-    }, [createVNode(resolveComponent("el-popover"), {
-      "ref": "popoverRef",
-      "popper-class": this.ns.b("popover"),
-      "placement": "bottom",
-      "trigger": "click",
-      "modelValue": this.showPopover,
-      "onUpdate:modelValue": ($event) => this.showPopover = $event,
-      "onHide": this.hiddenHistory
-    }, {
-      reference: () => {
-        return createVNode(resolveComponent("i-biz-icon"), {
-          "class": [this.ns.e("image")],
-          "icon": this.sysImage
-        }, null);
-      },
-      default: () => {
-        return createVNode(resolveComponent("el-tabs"), {
-          "class": this.ns.b("popover-content"),
-          "modelValue": this.currentTab,
-          "onUpdate:modelValue": ($event) => this.currentTab = $event
-        }, {
-          default: () => [createVNode(resolveComponent("el-tab-pane"), {
-            "label": "\u901A\u77E5",
-            "name": "notification"
-          }, {
-            default: () => [this.actualMsgs.length > 0 && this.actualMsgs.map((msg) => {
-              const provider = getAsyncActionProvider(msg.actiontype);
-              if (provider) {
-                return h(resolveComponent(provider.component), {
-                  class: this.ns.e("notification-item"),
-                  onClick: (event) => {
-                    this.onMsgClick(msg);
-                    provider.onClick(msg, event);
-                  },
-                  message: msg
-                });
-              }
-              return createVNode("div", {
-                "class": this.ns.e("notification-item")
-              }, [createTextVNode("\u5F02\u6B65\u64CD\u4F5C\u7C7B\u578B"), msg.actiontype, createTextVNode("\u6682\u672A\u652F\u6301")]);
-            }), this.actualMsgs.length === 0 && createVNode("div", {
-              "class": this.ns.e("nodata")
-            }, [createTextVNode("\u6682\u65E0\u901A\u77E5")]), restLength > 0 && createVNode("div", {
-              "class": this.ns.e("load-more"),
-              "onClick": this.showMoreHistory
-            }, [loadMoreText])]
-          })]
-        });
-      }
-    })]);
-  }
-});
-
-export { UserMessage };

package/es/panel-component/user-message/user-message.provider.mjs

@@ -1,21 +0,0 @@
-import { PanelItemController } from '@ibiz-template/runtime';
-
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class UserMessageProvider {
-  constructor() {
-    __publicField(this, "component", "IBizUserMessage");
-  }
-  async createController(panelItem, panel, parent) {
-    const c = new PanelItemController(panelItem, panel, parent);
-    await c.init();
-    return c;
-  }
-}
-
-export { UserMessageProvider };

package/es/util/app-drawer/app-drawer-component.css

@@ -1 +0,0 @@
-@charset "UTF-8";.ibiz-drawer{--ibiz-drawer-z-index:var(--ibiz-z-index-drawer)}.ibiz-drawer .el-drawer__header{position:absolute;right:0;z-index:999;padding:0;margin:0}.ibiz-drawer .el-drawer__header .el-drawer__close-btn{position:absolute;top:var(--ibiz-spacing-base-loose);right:var(--ibiz-spacing-base)}.ibiz-drawer .el-drawer__body>.ibiz-view .ibiz-panel-view-header{padding-right:var(--ibiz-spacing-super-loose)}

package/es/util/app-drawer/app-drawer-component.mjs

@@ -1,116 +0,0 @@
-import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
-import { isNumber } from 'lodash-es';
-import './app-drawer-component.css';
-
-"use strict";
-const AppDrawerComponent = /* @__PURE__ */ defineComponent({
-  props: {
-    opts: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props, ctx) {
-    const ns = useNamespace("drawer");
-    const isShow = ref(false);
-    let data;
-    const {
-      zIndex
-    } = useUIStore();
-    const drawerZIndex = zIndex.increment();
-    const size = ref("100%");
-    const {
-      width,
-      height,
-      placement
-    } = props.opts;
-    if (placement === "top" || placement === "bottom") {
-      if (isNumber(height)) {
-        size.value = height;
-      } else {
-        size.value = "100%";
-      }
-    }
-    if (placement === "left" || placement === "right") {
-      if (isNumber(width)) {
-        size.value = width;
-      } else {
-        size.value = 800;
-      }
-    }
-    const modal = new Modal({
-      mode: ViewMode.DRAWER,
-      viewUsage: 2,
-      dismiss: (_data) => {
-        zIndex.decrement();
-        isShow.value = false;
-        data = _data;
-      }
-    });
-    const onBeforeClose = async (done) => {
-      const isClose = await modal.dismiss();
-      if (isClose) {
-        done();
-      }
-    };
-    const dismiss = (_data) => {
-      modal.dismiss(_data);
-    };
-    const present = () => {
-      isShow.value = true;
-    };
-    const onClosed = () => {
-      ctx.emit("dismiss", data);
-    };
-    let direction = "";
-    switch (props.opts.placement) {
-      case "left":
-        direction = "ltr";
-        break;
-      case "top":
-        direction = "ttb";
-        break;
-      case "bottom":
-        direction = "btt";
-        break;
-      default:
-        direction = "rtl";
-    }
-    return {
-      ns,
-      isShow,
-      size,
-      direction,
-      drawerZIndex,
-      modal,
-      dismiss,
-      present,
-      onClosed,
-      onBeforeClose
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("el-drawer"), {
-      "model-value": this.isShow,
-      "lock-scroll": true,
-      "size": this.size,
-      "class": this.ns.b(),
-      "z-index": this.drawerZIndex,
-      "direction": this.direction,
-      "before-close": this.onBeforeClose,
-      "onClosed": this.onClosed
-    }, {
-      default: () => {
-        var _a, _b;
-        return [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal)];
-      }
-    });
-  }
-});
-function createDrawer(render, opts) {
-  return new OverlayContainer(AppDrawerComponent, render, opts);
-}
-
-export { AppDrawerComponent, createDrawer };

package/es/util/app-float-window/app-float-window-component.css

@@ -1 +0,0 @@
-.ibiz-float-window{position:absolute;background-color:#ccc;display:flex;flex-flow:column nowrap}.ibiz-float-window-header{flex-shrink:0}.ibiz-float-window-content{flex-grow:1;overflow-x:hidden;overflow-y:auto}

package/es/util/app-float-window/app-float-window-component.mjs

@@ -1,164 +0,0 @@
-import { ref, reactive, onMounted, createVNode, createTextVNode, defineComponent } from 'vue';
-import { useNamespace, useUIStore, OverlayContainer } from '@ibiz-template/vue3-util';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
-import interact from 'interactjs';
-import './app-float-window-component.css';
-
-"use strict";
-const AppFloatWindowComponent = /* @__PURE__ */ defineComponent({
-  props: {
-    opts: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props, ctx) {
-    const ns = useNamespace("float-window");
-    const containerRef = ref();
-    const isShow = ref(false);
-    let data;
-    const {
-      zIndex
-    } = useUIStore();
-    const modalZIndex = zIndex.increment();
-    const options = ref({
-      width: 500,
-      height: 600,
-      x: 100,
-      y: 100
-    });
-    if (props.opts) {
-      Object.assign(options.value, props.opts);
-    }
-    const state = reactive({
-      x: window.innerWidth - 600,
-      y: 100,
-      width: 500,
-      height: 600,
-      minWidth: 300,
-      minHeight: 300
-    });
-    const calcStyle = () => {
-      return {
-        left: `${state.x}px`,
-        top: `${state.y}px`,
-        height: `${state.height}px`,
-        width: `${state.width}px`,
-        zIndex: modalZIndex
-      };
-    };
-    const setStyle = () => {
-      Object.assign(containerRef.value, calcStyle());
-    };
-    onMounted(() => {
-      const dragHandles = containerRef.value.getElementsByClassName(ns.b("drag-handle"));
-      const dragHandle = dragHandles[0] ? dragHandles[0] : containerRef.value;
-      interact(dragHandle).draggable({
-        modifiers: [interact.modifiers.restrictRect({
-          restriction: document.body,
-          endOnly: true
-        })],
-        cursorChecker: () => {
-          return "move";
-        },
-        listeners: {
-          move: (event) => {
-            state.x += event.dx;
-            state.y += event.dy;
-            setStyle();
-          }
-        }
-      });
-      interact(containerRef.value).resizable({
-        // 可拖拽的边缘
-        edges: {
-          top: true,
-          right: true,
-          bottom: true,
-          left: true
-        },
-        margin: 6,
-        modifiers: [
-          // 保持在父对象内部
-          interact.modifiers.restrictEdges({
-            outer: document.body
-          }),
-          // 缩放最小宽度
-          interact.modifiers.restrictSize({
-            min: {
-              width: state.minWidth,
-              height: state.minHeight
-            }
-          })
-        ],
-        inertia: true,
-        listeners: {
-          move: (event) => {
-            state.x += event.deltaRect.left;
-            state.y += event.deltaRect.top;
-            state.width = event.rect.width;
-            state.height = event.rect.height;
-            setStyle();
-          }
-        }
-      });
-    });
-    const modal = new Modal({
-      mode: ViewMode.MODAL,
-      viewUsage: 2,
-      dismiss: (_data) => {
-        zIndex.decrement();
-        isShow.value = false;
-        data = _data;
-      }
-    });
-    const dismiss = (_data) => {
-      modal.dismiss(_data);
-    };
-    const present = () => {
-      isShow.value = true;
-    };
-    const onClosed = () => {
-      ctx.emit("dismiss", data);
-    };
-    return {
-      ns,
-      isShow,
-      options,
-      modalZIndex,
-      modal,
-      calcStyle,
-      present,
-      dismiss,
-      onClosed,
-      containerRef
-    };
-  },
-  render() {
-    var _a, _b;
-    return createVNode("div", {
-      "class": [this.ns.b(), this.ns.is("show", this.isShow), this.options.windowClass],
-      "style": this.calcStyle(),
-      "z-index": this.modalZIndex,
-      "ref": "containerRef"
-    }, [createVNode("div", {
-      "class": this.ns.b("header")
-    }, [createVNode("div", {
-      "class": this.ns.be("header", "caption")
-    }, null), createVNode("div", {
-      "class": this.ns.b("actions")
-    }, [createVNode("i", {
-      "class": this.ns.b("action-item"),
-      "onClick": () => {
-        this.dismiss();
-      }
-    }, null)])]), createVNode("div", {
-      "class": this.ns.b("content")
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal), createTextVNode("+")])]);
-  }
-});
-function createFloatWindow(render, opts) {
-  return new OverlayContainer(AppFloatWindowComponent, render, opts);
-}
-
-export { AppFloatWindowComponent, createFloatWindow };

package/es/util/app-modal/app-modal-component.css

@@ -1 +0,0 @@
-@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal)}.ibiz-modal.el-dialog{overflow:visible}.ibiz-modal .el-dialog__header{position:relative;padding:0}.ibiz-modal .el-dialog__body{height:100%;padding:0}.ibiz-modal .el-dialog__headerbtn{top:-40px;right:-60px;border:2px solid var(--ibiz-color-white);border-radius:50%;display:flex;align-items:center;justify-content:center}.ibiz-modal .el-dialog__headerbtn .el-dialog__close{font-size:var(--ibiz-font-size-header-4);color:var(--ibiz-color-white)}