@ibiz-template/vue3-util 0.6.0 → 0.6.1-dev.1

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

@@ -0,0 +1,17 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,29 @@
+'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

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

package/lib/view/common/view.cjs

@@ -0,0 +1,129 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+require('./view.css');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+var useViewController = require('../../use/view/use-view-controller/use-view-controller.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 = namespace.useNamespace("view");
+    const c = useViewController.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 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("".concat(position.toLowerCase(), "-message"))],
+            "messages": viewMessages
+          }, null);
+        }
+      }
+      return null;
+    };
+    return {
+      c,
+      controls,
+      viewClassNames,
+      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,
+          container: this.c,
+          onControllerAppear: this.onLayoutPanelCreated
+        }, slots);
+      }
+    }
+    return vue.withDirectives(vue.createVNode("div", {
+      "class": this.viewClassNames,
+      "id": this.c.id
+    }, [this.renderViewMessage("TOP"), layoutPanel, this.renderViewMessage("BOTTOM")]), [[vue.resolveDirective("loading"), this.c.state.isLoading]]);
+  }
+});
+
+exports.View = View;

package/lib/view/common/view.css

@@ -0,0 +1 @@
+.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

@@ -0,0 +1,10 @@
+'use strict';
+
+"use strict";
+class ViewProvider {
+  constructor() {
+    this.component = "IBizView";
+  }
+}
+
+exports.ViewProvider = ViewProvider;

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

@@ -0,0 +1,64 @@
+'use strict';
+
+var vue = require('vue');
+var core = require('@ibiz-template/core');
+var runtime = require('@ibiz-template/runtime');
+require('../../use/index.cjs');
+var useViewController = require('../../use/view/use-view-controller/use-view-controller.cjs');
+
+"use strict";
+const DeRedirectView = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizDeRedirectView",
+  props: {
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = useViewController.useViewController((...args) => new runtime.ViewController(...args));
+    const toViewId = vue.ref();
+    const toViewContext = vue.ref();
+    const toViewParams = vue.ref();
+    c.evt.on("onCreated", () => {
+      runtime.getDERedirectToView(vue.toRaw(props.modelData), vue.toRaw(c.context), vue.toRaw(c.params)).then(async (result) => {
+        if (result.type === "view") {
+          toViewId.value = result.viewId;
+          toViewContext.value = result.context;
+          toViewParams.value = result.params;
+        } else {
+          throw new core.RuntimeError("\u5D4C\u5165\u91CD\u5B9A\u5411\u89C6\u56FE\u4E0D\u652F\u6301url\u8DF3\u8F6C");
+        }
+      });
+    });
+    return {
+      c,
+      toViewId,
+      toViewContext,
+      toViewParams
+    };
+  },
+  render() {
+    if (this.toViewId) {
+      return vue.h(vue.resolveComponent("IBizViewShell"), {
+        context: this.toViewContext,
+        params: this.toViewParams,
+        viewId: this.toViewId,
+        ...this.$attrs
+      }, this.$slots);
+    }
+    return vue.withDirectives(vue.createVNode("div", {
+      "style": "width: 100%; height: 100%;"
+    }, null), [[vue.resolveDirective("loading"), !this.toViewId]]);
+  }
+});
+
+exports.DeRedirectView = DeRedirectView;

package/lib/view/de-redirect-view/de-redirect-view.provider.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+"use strict";
+class DeRedirectViewProvider {
+  constructor() {
+    this.component = "IBizDeRedirectView";
+  }
+}
+
+exports.DeRedirectViewProvider = DeRedirectViewProvider;

package/lib/view/de-redirect-view/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var deRedirectView = require('./de-redirect-view.cjs');
+var deRedirectView_provider = require('./de-redirect-view.provider.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizDeRedirectView = install.withInstall(
+  deRedirectView.DeRedirectView,
+  function(v) {
+    v.component(deRedirectView.DeRedirectView.name, deRedirectView.DeRedirectView);
+    const deRedirectViewProvider = new deRedirectView_provider.DeRedirectViewProvider();
+    runtime.registerViewProvider(
+      runtime.ViewType.DE_REDIRECT_VIEW,
+      () => deRedirectViewProvider
+    );
+  }
+);
+
+exports.IBizDeRedirectView = IBizDeRedirectView;

package/lib/view/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var appRedirectView = require('./app-redirect-view/app-redirect-view.cjs');
+var index = require('./common/index.cjs');
+var todoRedirect = require('./todo-redirect/todo-redirect.cjs');
+var index$1 = require('./portal-view/index.cjs');
+var index$2 = require('./de-redirect-view/index.cjs');
+
+"use strict";
+
+exports.AppRedirectView = appRedirectView.AppRedirectView;
+exports.IBizView = index.IBizView;
+exports.TodoRedirect = todoRedirect.TodoRedirect;
+exports.IBizPortalView = index$1.IBizPortalView;
+exports.IBizDeRedirectView = index$2.IBizDeRedirectView;

package/lib/view/portal-view/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+require('../../util/index.cjs');
+var portalView_provider = require('./portal-view.provider.cjs');
+var portalView = require('./portal-view.cjs');
+var install = require('../../util/install.cjs');
+
+"use strict";
+const IBizPortalView = install.withInstall(portalView.PortalView, function(v) {
+  v.component(portalView.PortalView.name, portalView.PortalView);
+  runtime.registerViewProvider(
+    runtime.ViewType.APP_PORTAL_VIEW,
+    () => new portalView_provider.PortalViewProvider()
+  );
+  runtime.registerViewProvider(runtime.ViewType.DE_PORTAL_VIEW, () => new portalView_provider.PortalViewProvider());
+  runtime.registerViewProvider(
+    runtime.ViewType.DE_PORTAL_VIEW9,
+    () => new portalView_provider.PortalViewProvider()
+  );
+});
+
+exports.IBizPortalView = IBizPortalView;

package/lib/view/portal-view/portal-view.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+require('../../use/index.cjs');
+var namespace = require('../../use/namespace/namespace.cjs');
+var useViewController = require('../../use/view/use-view-controller/use-view-controller.cjs');
+
+"use strict";
+const PortalView = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPortalView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const ns = namespace.useNamespace("view");
+    const c = useViewController.useViewController((...args) => new runtime.ViewController(...args));
+    const controls = ((_a = c.model.viewLayoutPanel) == null ? void 0 : _a.controls) || c.model.controls;
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = [ns.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
+    return {
+      c,
+      ns,
+      controls,
+      viewClassNames
+    };
+  },
+  render() {
+    var _a;
+    let content = 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 crtlProps = {
+            context: this.c.context,
+            params: this.c.params
+          };
+          if (this.c.slotProps[slotKey]) {
+            Object.assign(crtlProps, this.c.slotProps[slotKey]);
+          }
+          const outCtrlSlot = slots[slotKey];
+          if (outCtrlSlot) {
+            slots[slotKey] = () => {
+              return outCtrlSlot(crtlProps);
+            };
+            return;
+          }
+          const provider = this.c.providers[slotKey];
+          if (provider) {
+            slots[slotKey] = () => {
+              const comp = vue.resolveComponent(provider.component);
+              return vue.h(comp, {
+                modelData: ctrl,
+                ...crtlProps
+              });
+            };
+          }
+        });
+      }
+      if (slots.dashboard) {
+        content = slots.dashboard();
+      }
+    }
+    return vue.createVNode("div", {
+      "class": this.viewClassNames
+    }, [content]);
+  }
+});
+
+exports.PortalView = PortalView;

package/lib/view/portal-view/portal-view.provider.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+"use strict";
+class PortalViewProvider {
+  constructor() {
+    this.component = "IBizPortalView";
+  }
+}
+
+exports.PortalViewProvider = PortalViewProvider;

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

@@ -0,0 +1,54 @@
+'use strict';
+
+var vue = require('vue');
+var qs = require('qs');
+var vueRouter = require('vue-router');
+
+"use strict";
+const TodoRedirect = /* @__PURE__ */ vue.defineComponent({
+  setup() {
+    const router = vueRouter.useRouter();
+    const {
+      href
+    } = window.location;
+    const i = href.lastIndexOf("?");
+    const queryStr = decodeURIComponent(href.substring(i + 1, href.length));
+    if (!queryStr) {
+      throw new Error("\u91CD\u5B9A\u5411\u53C2\u6570\u4E0D\u8DB3\u65E0\u6CD5\u8DF3\u8F6C");
+    }
+    const params = qs.parse(queryStr, {
+      delimiter: ";"
+    });
+    const {
+      apptype,
+      todotype,
+      todoid
+    } = params;
+    const data = {
+      srfapptype: "pc",
+      srfapp: ""
+    };
+    if (!apptype) {
+      data.todourltype = "RouterUrl";
+    }
+    async function getLinkUrl() {
+      const res = await ibiz.net.post("/systodos/".concat(todoid, "/getlinkurl"), data);
+      let url = res.data.linkurl;
+      if (apptype) {
+        window.location.href = url;
+      } else {
+        if (url.indexOf("/") !== 0) {
+          url = "/".concat(url);
+        }
+        url += ";srfwf=".concat(todotype);
+        router.push("/index".concat(url));
+      }
+    }
+    getLinkUrl();
+  },
+  render() {
+    return vue.createVNode("div", null, [vue.createTextVNode("\u5F85\u529E\u5217\u8868\u91CD\u5B9A\u5411")]);
+  }
+});
+
+exports.TodoRedirect = TodoRedirect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-util",
-  "version": "0.6.0",
+  "version": "0.6.1-dev.1",
   "description": "vue3 工具包",
   "type": "module",
   "module": "es/index.mjs",
@@ -14,7 +14,7 @@
   "files": [
     "dist",
     "es",
-    "src"
+    "lib"
   ],
   "scripts": {
     "dev": "ibiz-temp build -w",
@@ -35,8 +35,8 @@
   "license": "MIT",
   "devDependencies": {
     "@ibiz-template/cli": "^0.3.10",
-    "@ibiz-template/core": "^0.6.0",
-    "@ibiz-template/runtime": "^0.6.0",
+    "@ibiz-template/core": "^0.6.1-dev.1",
+    "@ibiz-template/runtime": "^0.6.1-dev.1",
     "@ibiz-template/theme": "^0.6.0",
     "@ibiz/model-core": "^0.1.11",
     "@types/path-browserify": "^1.0.2",
@@ -65,5 +65,5 @@
     "vue": "^3.3.4",
     "vue-router": "^4.2.4"
   },
-  "gitHead": "fde8aab467f41640a2d9a20bd0237a3d956b69ae"
+  "gitHead": "5f8ce122d58af1b3ae28e3e389c4384780013e12"
 }

package/src/common/badge/badge.scss

@@ -1,29 +0,0 @@
-$badge: (
-  bg-color: getCssVar(color, danger),
-);
-
-
-@include b(badge) {
-  display: inline-block;
-  padding: 3px 6px;
-  line-height: 1rem;
-  color: #fff;
-  background-color: getCssVar(badge, bg-color);
-  border-radius: 10px;
-
-  @include m(danger){
-    #{getCssVarName(badge, bg-color)}: getCssVar(color,danger);
-  }
-  @include m(success){
-    #{getCssVarName(badge, bg-color)}: getCssVar(color,success);
-  }
-  @include m(warning){
-    #{getCssVarName(badge, bg-color)}: getCssVar(color,warning);
-  }
-  @include m(info){
-    #{getCssVarName(badge, bg-color)}: getCssVar(color,info);
-  }
-  @include m(primary){
-    #{getCssVarName(badge, bg-color)}: getCssVar(color,primary);
-  }
-}

package/src/common/badge/badge.tsx

@@ -1,26 +0,0 @@
-import { defineComponent, PropType } from 'vue';
-import { useNamespace } from '../../use';
-import './badge.scss';
-
-export const IBizBadge = defineComponent({
-  name: 'IBizBadge',
-  props: {
-    value: {
-      type: Number,
-      required: true,
-    },
-    type: {
-      type: String as PropType<
-        'primary' | 'success' | 'warning' | 'danger' | 'info'
-      >,
-      default: 'danger',
-    },
-  },
-  setup() {
-    const ns = useNamespace('badge');
-    return { ns };
-  },
-  render() {
-    return <div class={[this.ns.b(), this.ns.m(this.type)]}>{this.value}</div>;
-  },
-});

package/src/common/code-list/code-list.scss

@@ -1,15 +0,0 @@
-@include b(code-list) {
-  @include flex(row, flex-start, center);
-
-  flex-wrap: wrap;
-
-  @include e(item){
-    color: getCssVar('code-list','item-color');
-    @include flex(row, flex-start, center);
-  }
-
-  @include b(icon){
-    display: inline-flex;
-    padding-right: getCssVar(spacing, tight);
-  }
-}