@ibiz-template/vue3-components 0.7.20 → 0.7.22-alpha.0

package/lib/view/share-view/share-view.cjs

@@ -0,0 +1,96 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var vueRouter = require('vue-router');
+require('./share-view.css');
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ShareView = /* @__PURE__ */ vue.defineComponent({
+  setup() {
+    const ns = vue3Util.useNamespace("share-view");
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    const loading = vue.ref(false);
+    const isMounted = vue.ref(false);
+    const shareUser = vue.ref({});
+    let shareTheme = {};
+    let shareThemeId = "";
+    const getShareTheme = async () => {
+      const {
+        userId
+      } = shareUser.value;
+      shareTheme = await ibiz.util.theme.getShareTheme(userId, shareThemeId);
+      if (shareTheme) {
+        ibiz.util.theme.previewCustomTheme(shareTheme.themeTag, shareTheme.themeVars);
+      }
+    };
+    vue.onMounted(async () => {
+      const params = route.query;
+      shareThemeId = window.atob(params.shareThemeId);
+      shareUser.value = {
+        userId: params.shareUserId,
+        userName: params.shareUserName
+      };
+      ibiz.util.hiddenAppLoading();
+      await ibiz.util.theme.initCustomTheme(false);
+      await getShareTheme();
+      isMounted.value = true;
+    });
+    const handleApply = async () => {
+      await ibiz.util.theme.saveCustomTheme(shareTheme.themeTag, shareTheme.themeVars);
+      router.push("/");
+    };
+    const handleCancel = () => {
+      ibiz.util.theme.resetCustomTheme();
+      router.push("/");
+    };
+    return {
+      ns,
+      loading,
+      isMounted,
+      shareUser,
+      handleApply,
+      handleCancel
+    };
+  },
+  render() {
+    let _slot, _slot2;
+    if (!this.isMounted) {
+      return;
+    }
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("box")
+    }, [vue.createVNode("header", {
+      "class": this.ns.b("box-header")
+    }, [vue.createVNode("img", {
+      "src": "./assets/images/login-header.png"
+    }, null), vue.createVNode("div", {
+      "class": this.ns.b("box-header-title")
+    }, [vue.createVNode("div", null, [this.shareUser.userName]), ibiz.i18n.t("view.shareView.inviting")])]), vue.createVNode("main", {
+      "class": this.ns.b("box-main")
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("box-main-content")
+    }, [vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.handleApply,
+      "size": "large",
+      "round": true,
+      "loading": this.loading
+    }, _isSlot(_slot = ibiz.i18n.t("view.shareView.use")) ? _slot : {
+      default: () => [_slot]
+    }), vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.handleCancel,
+      "size": "large",
+      "round": true
+    }, _isSlot(_slot2 = ibiz.i18n.t("view.shareView.cancel")) ? _slot2 : {
+      default: () => [_slot2]
+    })])])])]);
+  }
+});
+
+exports.ShareView = ShareView;

package/lib/view/share-view/share-view.css

@@ -0,0 +1 @@
+.ibiz-share-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,var(--ibiz-color-primary-light-active) 0,var(--ibiz-color-primary-light-default) 100%)}.ibiz-share-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:var(--ibiz-color-bg-2)}@media screen and (max-width:720px){.ibiz-share-view-box{width:340px;margin-top:0}}.ibiz-share-view-box-header{position:relative}.ibiz-share-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-share-view-box-header .ibiz-share-view-box-header-title{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:80%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-white);text-shadow:var(--ibiz-color-shadow);white-space:nowrap}.ibiz-share-view-box-main-content{padding:40px}.ibiz-share-view-box-main-content .el-button{width:100%;margin-top:var(--ibiz-spacing-base);letter-spacing:var(--ibiz-spacing-super-tight)}.ibiz-share-view-box-main-content .el-button+.el-button{margin-left:0}

package/lib/web-app/guard/auth-guard/auth-guard.cjs

@@ -133,6 +133,7 @@ class AuthGuard {
     await this.initModel();
     await ibiz.auth.extendLogin();
     await ibiz.hub.notice.init();
+    await ibiz.util.theme.initCustomTheme();
   }
   /**
    * 初始化模型

package/lib/web-app/router/index.cjs

@@ -6,6 +6,7 @@ var runtime = require('@ibiz-template/runtime');
 var nprogress = require('../../node_modules/.pnpm/nprogress@0.2.0/node_modules/nprogress/nprogress.cjs');
 require('../../view/index.cjs');
 require('../components/index.cjs');
+var shareView = require('../../view/share-view/share-view.cjs');
 require('nprogress/nprogress.css');
 var loginView = require('../../view/login-view/login-view.cjs');
 var errorView = require('../../view/error-view/error-view.cjs');
@@ -45,6 +46,19 @@ class AppRouter {
             },
             component: loginView.LoginView
           },
+          {
+            path: "/share",
+            name: "shareView",
+            beforeEnter: async (_to, _from, next) => {
+              const authority = await this.authGuard();
+              if (authority) {
+                next();
+              } else {
+                next(false);
+              }
+            },
+            component: shareView.ShareView
+          },
           {
             path: "/error/:code",
             name: "errorView1",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.20",
+  "version": "0.7.22-alpha.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -29,14 +29,14 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
-    "@ibiz-template-plugin/gantt": "0.1.7",
+    "@ibiz-template-plugin/gantt": "0.1.8-alpha.1",
     "@ibiz-template/core": "0.7.18",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.20",
-    "@ibiz-template/runtime": "0.7.20",
+    "@ibiz-template/model-helper": "0.7.21",
+    "@ibiz-template/runtime": "0.7.21",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.20",
-    "@ibiz-template/web-theme": "^1.1.17",
+    "@ibiz-template/vue3-util": "0.7.21",
+    "@ibiz-template/web-theme": "^1.1.18",
     "@ibiz/model-core": "^0.1.29",
     "@imengyu/vue3-context-menu": "^1.3.5",
     "@monaco-editor/loader": "^1.4.0",

package/dist/chart-Wh3LMgZ1.js

@@ -1 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","echarts","qx-util","@ibiz-template/runtime"],(function(t){"use strict";var e,i,s,r,n,o,a,c,d,l,h,u,m,f;return{setters:[function(t){e=t.defineComponent,i=t.ref,s=t.onMounted,r=t.watch,n=t.onBeforeUnmount,o=t.createVNode,a=t.resolveComponent,c=t.nextTick,d=t.isVNode},function(t){l=t.useControlController,h=t.useNamespace},function(t){u=t.init},function(t){m=t.createUUID},function(t){f=t.ChartController}],execute:function(){t("default",e({name:"IBizChartControl",props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:void 0},loadDefault:{type:Boolean,default:!0}},setup(){const t=l(((...t)=>new f(...t))),e=h("control-".concat(t.model.controlType.toLowerCase())),p=i(),g=i(0),v=m(),b=async()=>{await c();const e=document.getElementById(v);e&&("bottom"===t.state.gridPosition||"top"===t.state.gridPosition?g.value=e.offsetHeight/2-8:g.value=e.offsetHeight-16)};s((()=>{const e=u(p.value);t.initChart(e),window.addEventListener("resize",b),b()})),r((()=>t.state.showGrid),(()=>{b()}),{immediate:!0});return n((()=>{window.removeEventListener("resize",b)})),{c:t,ns:e,chartRef:p,uuid:v,renderGrid:()=>{let i;return o(a("el-table"),{ref:"tableRef",data:t.state.gridData||[],border:!0,style:{width:"100%"},"max-height":g.value,"header-row-class-name":e.e("grid-header")},"function"==typeof(s=i=t.state.gridHeaders.map((t=>o(a("el-table-column"),{prop:t.id,align:"center",label:t.name},null))))||"[object Object]"===Object.prototype.toString.call(s)&&!d(s)?i:{default:()=>[i]});var s}}},render(){return o(a("iBizControlBase"),{controller:this.c},{default:()=>[o("div",{id:this.uuid,class:this.ns.b("chart-container")},[o(a("el-empty"),{class:[this.ns.e("empty"),this.ns.is("no-data",0===this.c.state.items.length)],description:ibiz.i18n.t("control.common.currentNoData")},null),o("div",{class:[this.ns.e("chart-grid"),this.ns.is("no-data",0===this.c.state.items.length),this.ns.is("show-grid",this.c.state.showGrid),{[this.ns.em("chart-grid",this.c.state.gridPosition)]:this.c.state.showGrid}]},[o("div",{class:[this.ns.e("chart-grid-container"),this.ns.is(this.c.state.gridPosition,this.c.state.showGrid),this.ns.is("no-grid",!this.c.state.showGrid)]},[o("div",{ref:"chartRef",class:[this.ns.e("chart")]},[ibiz.i18n.t("control.chart.chartPlaceholder")])]),this.c.state.showGrid?o("div",{class:this.ns.e("grid")},[this.renderGrid()]):null])])]})}}))}}}));