@ibiz-template/vue3-components 0.2.11 → 0.2.13

package/lib/util/overlay-container/overlay-container.cjs

@@ -1,141 +0,0 @@
-'use strict';
-
-var qxUtil = require('qx-util');
-var vue = require('vue');
-var core = require('@ibiz-template/core');
-
-"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 OverlayContainer {
-  /**
-   * 创建全局呈现
-   *
-   * @author chitanda
-   * @date 2022-11-09 14:11:52
-   * @param {unknown} component
-   * @param {(h: CreateElement) => VNode} render
-   * @param {IPopoverOptions} [opts]
-   */
-  constructor(component, render, opts) {
-    this.component = component;
-    this.render = render;
-    this.opts = opts;
-    __publicField(this, "vm");
-    /**
-     * 具体模态组件
-     *
-     * @author chitanda
-     * @date 2022-11-09 12:11:34
-     * @protected
-     * @type {*}
-     */
-    __publicField(this, "modal");
-    /**
-     * 外面调用dismiss时传的result结果
-     *
-     * @author lxm
-     * @date 2022-11-09 20:11:06
-     * @protected
-     * @type {unknown}
-     */
-    __publicField(this, "result");
-    /**
-     * 内部事件
-     *
-     * @author chitanda
-     * @date 2022-11-09 12:11:42
-     * @protected
-     */
-    __publicField(this, "evt", new qxUtil.QXEvent());
-    this.init();
-  }
-  static createVueApp(_rootComponent, _rootProps) {
-    throw new core.RuntimeError("\u6CA1\u6709\u6CE8\u5165createVueApp\u65B9\u6CD5");
-  }
-  /**
-   * 初始化飘窗
-   *
-   * @author chitanda
-   * @date 2022-11-09 12:11:55
-   * @protected
-   * @return {*}  {void}
-   */
-  init() {
-    const self = this;
-    const { render, opts } = this;
-    const container = document.createElement("div");
-    document.body.appendChild(container);
-    const vm = OverlayContainer.createVueApp({
-      mounted() {
-        self.modal = this.$refs.root;
-      },
-      unmounted() {
-        document.body.removeChild(container);
-        self.evt.emit("dismiss", self.result);
-      },
-      render() {
-        return vue.h(
-          self.component,
-          {
-            ref: "root",
-            opts,
-            onDismiss(data) {
-              self.result = data;
-              vm.unmount();
-            }
-          },
-          { default: render }
-        );
-      }
-    });
-    ibiz.plugin.register(vm);
-    vm.mount(container);
-    this.vm = vm;
-  }
-  /**
-   * 打开飘窗
-   *
-   * @author chitanda
-   * @date 2022-11-09 12:11:52
-   * @param {HTMLElement} target
-   * @return {*}  {Promise<void>}
-   */
-  async present() {
-    return this.modal.present();
-  }
-  /**
-   * 手动调用关闭飘窗
-   *
-   * @author chitanda
-   * @date 2022-11-09 12:11:39
-   * @param {unknown} [data]
-   * @return {*}  {Promise<void>}
-   */
-  async dismiss(data) {
-    this.modal.dismiss(data);
-  }
-  /**
-   * 订阅窗口关闭
-   *
-   * @author chitanda
-   * @date 2022-11-09 12:11:20
-   * @template T
-   * @return {*}  {Promise<T>}
-   */
-  async onWillDismiss() {
-    return new Promise((resolve) => {
-      const callback = (data) => {
-        resolve(data);
-        this.evt.off("dismiss", callback);
-      };
-      this.evt.on("dismiss", callback);
-    });
-  }
-}
-
-exports.OverlayContainer = OverlayContainer;

package/lib/util/overlay-popover-container/overlay-popover-container.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var overlayContainer = require('../overlay-container/overlay-container.cjs');
-
-"use strict";
-class OverlayPopoverContainer extends overlayContainer.OverlayContainer {
-  present(target) {
-    return this.modal.present(target);
-  }
-}
-
-exports.OverlayPopoverContainer = OverlayPopoverContainer;

package/lib/util/overlay-view-util/overlay-view-util.cjs

@@ -1,70 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-
-"use strict";
-function createOverlayView(props) {
-  return (modal) => {
-    const viewShell = vue.resolveComponent("IBizViewShell");
-    return vue.h(viewShell, {
-      ...props,
-      modal
-    });
-  };
-}
-async function openViewModal(props, opts) {
-  const overlay = ibiz.overlay.createModal(
-    createOverlayView(props),
-    void 0,
-    opts
-  );
-  overlay.present();
-  const result = await overlay.onWillDismiss();
-  return result || { ok: false };
-}
-async function openViewFloatWindow(props, opts) {
-  const overlay = ibiz.overlay.createFloatWindow(
-    createOverlayView(props),
-    void 0,
-    opts
-  );
-  overlay.present();
-  const result = await overlay.onWillDismiss();
-  return result || { ok: false };
-}
-async function openViewDrawer(props, opts) {
-  const overlay = ibiz.overlay.createDrawer(
-    createOverlayView(props),
-    void 0,
-    opts
-  );
-  await overlay.present();
-  const result = await overlay.onWillDismiss();
-  return result || { ok: false };
-}
-async function openViewPopover(event, props, opts) {
-  const overlay = ibiz.overlay.createPopover(
-    createOverlayView(props),
-    void 0,
-    opts
-  );
-  overlay.present(event.target);
-  const result = await overlay.onWillDismiss();
-  return result || { ok: false };
-}
-const PlacementMap = {
-  DRAWER_LEFT: "left",
-  DRAWER_RIGHT: "right",
-  DRAWER_TOP: "top",
-  DRAWER_BOTTOM: "bottom"
-};
-function getDrawerPlacement(openMode) {
-  return PlacementMap[openMode] || "right";
-}
-
-exports.createOverlayView = createOverlayView;
-exports.getDrawerPlacement = getDrawerPlacement;
-exports.openViewDrawer = openViewDrawer;
-exports.openViewFloatWindow = openViewFloatWindow;
-exports.openViewModal = openViewModal;
-exports.openViewPopover = openViewPopover;

package/lib/util/router-callback/router-callback-item.cjs

@@ -1,90 +0,0 @@
-'use strict';
-
-"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 RouterCallbackItem {
-  constructor(from, to) {
-    this.from = from;
-    this.to = to;
-    __publicField(this, "resolve");
-    __publicField(this, "promise");
-    /**
-     * 销毁定时器
-     *
-     * @author chitanda
-     * @date 2023-07-13 21:07:51
-     * @type {number}
-     */
-    __publicField(this, "timeout");
-    /**
-     * 是否已经有打开的视图认领此回调，如果在一定时间内没有被认领，则会被清除
-     *
-     * @author chitanda
-     * @date 2023-07-13 21:07:35
-     */
-    __publicField(this, "isActivated", false);
-    ibiz.log.debug("openRouter: ", from, to);
-  }
-  /**
-   * 等待视图关闭
-   *
-   * @author chitanda
-   * @date 2023-07-13 21:07:34
-   * @return {*}  {Promise<IModalData>}
-   */
-  onWillDismiss() {
-    if (!this.promise) {
-      this.promise = new Promise((resolve) => {
-        this.resolve = resolve;
-      });
-    }
-    return this.promise.then((modal) => {
-      ibiz.log.debug("onWillDismiss: ", this.from, this.to, modal);
-      return modal;
-    });
-  }
-  /**
-   * 关闭视图
-   *
-   * @author chitanda
-   * @date 2023-07-13 21:07:06
-   * @param {IModalData} modal
-   */
-  close(modal) {
-    ibiz.log.debug("closeRouter: ", this.from, this.to, modal);
-    if (this.resolve) {
-      this.resolve(modal);
-      this.resolve = void 0;
-    }
-  }
-  /**
-   * 激活回调
-   *
-   * @author chitanda
-   * @date 2023-07-13 21:07:29
-   */
-  active() {
-    ibiz.log.debug("activeRouter: ", this.from, this.to);
-    this.isActivated = true;
-  }
-  /**
-   * 销毁回调
-   *
-   * @author chitanda
-   * @date 2023-07-13 21:07:21
-   */
-  destroy() {
-    ibiz.log.debug("destroyRouter: ", this.from, this.to);
-    if (this.resolve) {
-      this.resolve({ ok: false });
-      this.resolve = void 0;
-    }
-  }
-}
-
-exports.RouterCallbackItem = RouterCallbackItem;

package/lib/util/router-callback/router-callback.cjs

@@ -1,95 +0,0 @@
-'use strict';
-
-var routerCallbackItem = require('./router-callback-item.cjs');
-
-"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 RouterCallback {
-  constructor() {
-    /**
-     * 回调实例
-     *
-     * @author chitanda
-     * @date 2023-07-13 20:07:12
-     * @protected
-     * @type {Map<string, RouterCallbackItem>}
-     */
-    __publicField(this, "map", /* @__PURE__ */ new Map());
-  }
-  /**
-   * 打开视图
-   *
-   * @author chitanda
-   * @date 2023-07-13 20:07:13
-   * @param {Router} router
-   * @param {string} path
-   * @return {*}  {Promise<IModalData>}
-   */
-  async open(router, path) {
-    const from = router.currentRoute.value.fullPath;
-    router.push({ path });
-    const to = path;
-    if (this.map.has(to)) {
-      const item2 = this.map.get(to);
-      return item2.onWillDismiss();
-    }
-    const item = new routerCallbackItem.RouterCallbackItem(from, to);
-    this.map.set(to, item);
-    this.scheduledDestruction(item);
-    return item.onWillDismiss();
-  }
-  /**
-   * 关闭视图回调
-   *
-   * @author chitanda
-   * @date 2023-07-13 20:07:38
-   * @param {string} toFullPath
-   * @param {IModalData} modal
-   */
-  close(toFullPath, modal) {
-    const item = this.map.get(toFullPath);
-    if (item) {
-      item.close(modal);
-      this.map.delete(toFullPath);
-    }
-  }
-  /**
-   * 激活回调
-   *
-   * @author chitanda
-   * @date 2023-07-13 21:07:03
-   * @param {string} toFullPath
-   */
-  active(toFullPath) {
-    const item = this.map.get(toFullPath);
-    if (item) {
-      window.clearTimeout(item.timeout);
-      item.timeout = void 0;
-      item.active();
-    }
-  }
-  /**
-   * 一分钟内未激活的视图回调会被清除
-   *
-   * @author chitanda
-   * @date 2023-07-13 21:07:57
-   * @protected
-   * @param {RouterCallbackItem} item
-   */
-  scheduledDestruction(item) {
-    item.timeout = window.setTimeout(() => {
-      item.timeout = void 0;
-      item.destroy();
-      this.map.delete(item.to);
-    }, 10 * 1e3);
-  }
-}
-const routerCallback = new RouterCallback();
-
-exports.RouterCallback = RouterCallback;
-exports.routerCallback = routerCallback;

package/lib/util/store/app-store/app-store.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var pinia = require('pinia');
-var vue = require('vue');
-
-"use strict";
-const useAppStore = pinia.defineStore("appStore", () => {
-  const appStore = vue.reactive({});
-  return { appStore };
-});
-
-exports.useAppStore = useAppStore;

package/lib/util/store/index.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var pinia = require('pinia');
-var appStore = require('./app-store/app-store.cjs');
-var uiStore = require('./ui-store/ui-store.cjs');
-
-"use strict";
-const piniaInstance = pinia.createPinia();
-
-exports.useAppStore = appStore.useAppStore;
-exports.useUIStore = uiStore.useUIStore;
-exports.piniaInstance = piniaInstance;

package/lib/util/store/ui-store/ui-store.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var pinia = require('pinia');
-var vue = require('vue');
-var zIndex = require('./z-index.cjs');
-
-"use strict";
-const useUIStore = pinia.defineStore("uiStore", () => {
-  const zIndex$1 = zIndex.useZIndexStore();
-  const UIStore = vue.reactive({
-    zIndex: zIndex$1.zIndex,
-    theme: "light"
-  });
-  return { UIStore, zIndex: zIndex$1 };
-});
-
-exports.useUIStore = useUIStore;

package/lib/util/store/ui-store/z-index.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-
-"use strict";
-function useZIndexStore() {
-  const DEFAULT_INDEX = 500;
-  const INCREMENT_VALUE = 1;
-  const zIndex = vue.ref(DEFAULT_INDEX);
-  function increment() {
-    zIndex.value += INCREMENT_VALUE;
-    return zIndex.value;
-  }
-  function decrement() {
-    zIndex.value -= INCREMENT_VALUE;
-  }
-  return { zIndex, increment, decrement };
-}
-
-exports.useZIndexStore = useZIndexStore;

package/lib/view/app-redirect-view/app-redirect-view.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var core = require('@ibiz-template/core');
-var runtime = require('@ibiz-template/runtime');
-
-"use strict";
-const AppRedirectView = /* @__PURE__ */ vue.defineComponent({
-  setup() {
-    var _a;
-    const context = core.IBizContext.create(((_a = ibiz.appData) == null ? void 0 : _a.context) || {});
-    vue.onUnmounted(() => {
-      context.destroy();
-    });
-    const {
-      href
-    } = window.location;
-    async function toRedirect() {
-      await runtime.toLocalOpenWFRedirectView(context, href);
-    }
-    vue.onMounted(() => ibiz.util.hiddenAppLoading());
-    toRedirect();
-  },
-  render() {
-    return vue.createVNode("div", null, [vue.createTextVNode("\u91CD\u5B9A\u5411\u8DF3\u8F6C\u4E2D")]);
-  }
-});
-
-exports.AppRedirectView = AppRedirectView;

package/lib/view/common/index.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
-var view_provider = require('./view.provider.cjs');
-var view = require('./view.cjs');
-var index = require('../../view-engine/index.cjs');
-
-"use strict";
-const IBizView = vue3Util.withInstall(view.View, function(v) {
-  v.use(index.IBizViewEngine);
-  v.component(view.View.name, view.View);
-  runtime.registerViewProvider("DEFAULT", () => new view_provider.ViewProvider());
-});
-
-exports.ViewProvider = view_provider.ViewProvider;
-exports.IBizView = IBizView;

package/lib/view/common/view.cjs

@@ -1,139 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var runtime = require('@ibiz-template/runtime');
-var vue3Util = require('@ibiz-template/vue3-util');
-require('./view.css');
-var qxUtil = require('qx-util');
-var index = require('../../devtool/index.cjs');
-
-"use strict";
-const View = /* @__PURE__ */ vue.defineComponent({
-  name: "IBizView",
-  props: {
-    context: Object,
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    modelData: {
-      type: Object,
-      required: true
-    },
-    modal: {
-      type: Object
-    },
-    state: {
-      type: Object
-    },
-    provider: {
-      type: Object
-    }
-  },
-  setup() {
-    const ns = vue3Util.useNamespace("view");
-    const c = vue3Util.useViewController((...args) => new runtime.ViewController(...args));
-    const controls = runtime.getControlsByView(c.model);
-    const {
-      viewType,
-      sysCss,
-      codeName
-    } = c.model;
-    const typeClass = viewType.toLowerCase();
-    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
-    const viewClassNames = vue.computed(() => [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName, c.state.viewMessages.TOP ? "has-top-message" : "", c.state.viewMessages.BOTTOM ? "has-bottom-message" : ""]);
-    const onLayoutPanelCreated = (controller) => {
-      c.setLayoutPanel(controller);
-    };
-    const container = vue.ref(null);
-    const key = qxUtil.createUUID();
-    vue.onMounted(() => {
-      index.devtool.registerView(key, c, container);
-    });
-    vue.onUnmounted(() => {
-      index.devtool.unRegisterView(key);
-    });
-    vue.onActivated(() => c.onActivated());
-    vue.onDeactivated(() => c.onDeactivated());
-    const renderViewMessage = (position) => {
-      if (c.state.isCreated) {
-        const viewMessages = c.state.viewMessages[position];
-        if (viewMessages == null ? void 0 : viewMessages.length) {
-          return vue.createVNode(vue.resolveComponent("view-message"), {
-            "class": [ns.e(`${position.toLowerCase()}-message`)],
-            "messages": viewMessages
-          }, null);
-        }
-      }
-      return null;
-    };
-    return {
-      c,
-      controls,
-      viewClassNames,
-      container,
-      onLayoutPanelCreated,
-      renderViewMessage
-    };
-  },
-  render() {
-    var _a;
-    let layoutPanel = null;
-    if (this.c.state.isCreated) {
-      const slots = {
-        ...this.$slots
-      };
-      if ((_a = this.controls) == null ? void 0 : _a.length) {
-        this.controls.forEach((ctrl) => {
-          const slotKey = ctrl.name || ctrl.id;
-          const ctrlProps = {
-            context: this.c.context,
-            params: this.c.params
-          };
-          if (this.c.slotProps[slotKey]) {
-            Object.assign(ctrlProps, this.c.slotProps[slotKey]);
-          }
-          const outCtrlSlot = slots[slotKey];
-          if (outCtrlSlot) {
-            slots[slotKey] = () => {
-              return outCtrlSlot(ctrlProps);
-            };
-            return;
-          }
-          const provider = this.c.providers[slotKey];
-          if (provider) {
-            slots[slotKey] = () => {
-              const comp = vue.resolveComponent(provider.component);
-              return vue.h(comp, {
-                modelData: ctrl,
-                ...ctrlProps,
-                provider
-              });
-            };
-          }
-        });
-      }
-      if (this.c.engines.length === 0) {
-        layoutPanel = vue.createVNode("span", {
-          "style": "color:red;"
-        }, [vue.createTextVNode("\u89C6\u56FE\u7C7B\u578B"), this.modelData.viewType, vue.createTextVNode("\u6682\u672A\u652F\u6301")]);
-      } else {
-        const viewLayoutPanel = this.c.model.viewLayoutPanel;
-        const provider = this.c.providers[viewLayoutPanel.name];
-        layoutPanel = vue.h(vue.resolveComponent(provider.component), {
-          modelData: viewLayoutPanel,
-          context: this.c.context,
-          params: this.c.params,
-          provider,
-          onControllerAppear: this.onLayoutPanelCreated
-        }, slots);
-      }
-    }
-    return vue.withDirectives(vue.createVNode("div", {
-      "ref": "container",
-      "class": this.viewClassNames
-    }, [this.renderViewMessage("TOP"), layoutPanel, this.renderViewMessage("BOTTOM")]), [[vue.resolveDirective("loading"), this.c.state.isLoading]]);
-  }
-});
-
-exports.View = View;

package/lib/view/common/view.css

@@ -1 +0,0 @@
-.ibiz-view{--ibiz-view-bg-color:var(--ibiz-color-bg-1);--ibiz-view-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%}.ibiz-view .ibiz-view{background-color:var(--ibiz-view-bg-color);border-radius:var(--ibiz-view-border-radius)}.ibiz-view .ibiz-view-appportalview{background-color:transparent}.ibiz-view.has-bottom-message,.ibiz-view.has-top-message{display:flex;flex-flow:column nowrap}.ibiz-view.has-bottom-message>.ibiz-view-message,.ibiz-view.has-top-message>.ibiz-view-message{flex-grow:0;flex-shrink:0}.ibiz-view.has-bottom-message>.ibiz-control-viewlayoutpanel,.ibiz-view.has-top-message>.ibiz-control-viewlayoutpanel{flex-grow:1;flex-shrink:1}

package/lib/view/common/view.provider.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-"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 ViewProvider {
-  constructor() {
-    __publicField(this, "component", "IBizView");
-  }
-}
-
-exports.ViewProvider = ViewProvider;