@ibiz-template/vue3-components 0.1.29-dev.0 → 0.1.30

package/lib/panel-component/nav-pos/nav-pos.state.cjs

@@ -19,6 +19,15 @@ class NavPosState extends runtime.PanelItemState {
      * @memberof NavPosState
      */
     __publicField(this, "cache", true);
+    /**
+     * 是否是路由打开
+     *
+     * @author zk
+     * @date 2023-09-26 04:09:23
+     * @type {boolean}
+     * @memberof NavPosState
+     */
+    __publicField(this, "routeOpen", true);
     /**
      * 当前导航视图标识
      * @author lxm

package/lib/util/app-modal/app-modal-component.cjs

@@ -25,9 +25,7 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
       zIndex
     } = uiStore.useUIStore();
     const modalZIndex = zIndex.increment();
-    const customStyle = vue.reactive({
-      [ns.cssVarBlockName("z-index")]: modalZIndex
-    });
+    const customStyle = vue.reactive({});
     const {
       width,
       height
@@ -88,6 +86,7 @@ const AppModalComponent = /* @__PURE__ */ vue.defineComponent({
       "align-center": true,
       "class": [this.ns.b(), this.options.placement && this.ns.m(this.options.placement), this.options.modalClass],
       "style": this.customStyle,
+      "z-index": this.modalZIndex,
       "onClosed": this.onClosed,
       "before-close": this.onBeforeClose
     }, {

package/lib/util/app-modal/modal.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-modal{--ibiz-modal-z-index:var(--ibiz-z-index-modal)}.ibiz-modal.el-dialog{z-index:var(--ibiz-modal-z-index)!important;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)}
+@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)}

package/lib/util/app-popover/app-popover-component.cjs

@@ -6,6 +6,8 @@ var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./popover.css');
 var overlayPopoverContainer = require('../overlay-popover-container/overlay-popover-container.cjs');
+require('../store/index.cjs');
+var uiStore = require('../store/ui-store/ui-store.cjs');
 
 "use strict";
 async function computePos(element, el, arrEl, opts) {
@@ -69,6 +71,10 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
     const autoClose = vue.computed(() => {
       return props.opts.autoClose === true && isHover.value === false;
     });
+    const {
+      zIndex
+    } = uiStore.useUIStore();
+    const popoverZIndex = zIndex.increment();
     function onMouseenter(e) {
       e.stopPropagation();
       isHover.value = true;
@@ -81,6 +87,7 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
       mode: runtime.ViewMode.POPOVER,
       viewUsage: 2,
       dismiss: (data) => {
+        zIndex.decrement();
         ctx.emit("dismiss", data);
       }
     });
@@ -135,6 +142,7 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
       isShow,
       isHover,
       modal,
+      popoverZIndex,
       present,
       dismiss,
       onMouseenter,
@@ -146,6 +154,9 @@ const AppPopoverComponent = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show", this.isShow), this.ns.is("hover", this.isHover)],
       "ref": "el",
+      "style": {
+        zIndex: this.popoverZIndex
+      },
       "onMouseenter": this.onMouseenter,
       "onMouseleave": this.onMouseleave
     }, [!this.opts.noArrow && vue.createVNode("div", {

package/lib/util/app-popover/popover.css

@@ -1 +1 @@
-.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;padding:calc(var(--ibiz-padding)/ 2);background-color:var(--ibiz-bg-color);border:var(--ibiz-border);border-radius:var(--ibiz-border-radius-base)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-bg-color);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}
+.ibiz-popover{position:absolute;top:0;left:0;z-index:1;display:none;width:-moz-max-content;width:max-content;background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-medium)}.ibiz-popover__arrow{position:absolute;width:8px;height:8px;background:var(--ibiz-color-bg-2);transform:rotate(45deg)}.ibiz-popover.is-show{display:block}

package/lib/util/confirm-util/confirm-util.cjs

@@ -1,13 +1,26 @@
 'use strict';
 
+var core = require('@ibiz-template/core');
 var ElementPlus = require('element-plus');
 
 "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 ConfirmUtil {
+  constructor() {
+    __publicField(this, "ns", new core.Namespace("confirm"));
+  }
   async info(params) {
     return new Promise((resolve) => {
       ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
-        customClass: "confirm-info",
+        customClass: `${this.ns.b()} ${this.ns.e("info")}`,
+        type: "info",
+        cancelButtonClass: `${this.ns.b("cancel")} el-button--info`,
+        confirmButtonClass: `${this.ns.b("ok")}`,
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
     });
@@ -15,7 +28,10 @@ class ConfirmUtil {
   async success(params) {
     return new Promise((resolve) => {
       ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
-        customClass: "confirm-success",
+        customClass: `${this.ns.b()} ${this.ns.e("success")}`,
+        cancelButtonClass: `${this.ns.b("cancel")} el-button--info`,
+        confirmButtonClass: `${this.ns.b("ok")}`,
+        type: "success",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
     });
@@ -23,7 +39,10 @@ class ConfirmUtil {
   async warning(params) {
     return new Promise((resolve) => {
       ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
-        customClass: "confirm-warning",
+        customClass: `${this.ns.b()} ${this.ns.e("warning")}`,
+        cancelButtonClass: `${this.ns.b("cancel")} el-button--info`,
+        confirmButtonClass: `${this.ns.b("ok")}`,
+        type: "warning",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
     });
@@ -31,7 +50,10 @@ class ConfirmUtil {
   async error(params) {
     return new Promise((resolve) => {
       ElementPlus.ElMessageBox.confirm(params.desc, params.title, {
-        customClass: "confirm-error",
+        customClass: `${this.ns.b()} ${this.ns.e("error")}`,
+        cancelButtonClass: `${this.ns.b("cancel")} el-button--info`,
+        confirmButtonClass: `${this.ns.b("ok")}`,
+        type: "error",
         ...params.options
       }).then(() => resolve(true)).catch(() => resolve(false));
     });

package/lib/view/login-view/login-view.css

@@ -1 +1 @@
-.ibiz-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-login-view .el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-login-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:#fff}@media screen and (max-width:720px){.ibiz-login-view-box{width:340px;margin-top:0}}.ibiz-login-view-box-header{position:relative;background:#ccf}.ibiz-login-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-login-view-box-header .ibiz-login-view-box-header-title{position:absolute;top:30%;left:50%;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-text-1);transform:translateX(-50%)}.ibiz-login-view-box-main{position:relative}.ibiz-login-view-box-main__avatar{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:4px solid #fff;border-radius:50%}.ibiz-login-view-box-main-content{padding:100px 40px 40px}.ibiz-login-view-box-main-content .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-login-view-box-main-content .el-button{width:100%;margin-top:15px;font-weight:300;letter-spacing:2px}.ibiz-login-view-box-main-content .el-input__prefix{width:20px;margin-left:-1px}.ibiz-login-view-box-main-content ion-icon{font-size:16px}
+.ibiz-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-login-view .el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-login-view-box{width:430px;margin-bottom:80px;overflow:hidden;background:#fff}@media screen and (max-width:720px){.ibiz-login-view-box{width:340px;margin-top:0}}.ibiz-login-view-box-header{position:relative;background:#ccf}.ibiz-login-view-box-header>img{display:block;width:430px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-login-view-box-header .ibiz-login-view-box-header-title{position:absolute;top:28%;left:50%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-login-view-box-main{position:relative}.ibiz-login-view-box-main__avatar{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:4px solid #fff;border-radius:50%}.ibiz-login-view-box-main-content{padding:100px 40px 40px}.ibiz-login-view-box-main-content .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-login-view-box-main-content .el-button{width:100%;margin-top:15px;font-weight:300;letter-spacing:2px}.ibiz-login-view-box-main-content .el-input__prefix{width:20px;margin-left:-1px}.ibiz-login-view-box-main-content ion-icon{font-size:16px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.1.29-dev.0",
+  "version": "0.1.30",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -24,10 +24,10 @@
   "dependencies": {
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template/core": "^0.1.24",
-    "@ibiz-template/model-helper": "^0.1.29-dev.0",
-    "@ibiz-template/runtime": "^0.1.29-dev.0",
+    "@ibiz-template/model-helper": "^0.1.30",
+    "@ibiz-template/runtime": "^0.1.30",
     "@ibiz-template/theme": "^0.1.24",
-    "@ibiz-template/vue3-util": "^0.1.29-dev.0",
+    "@ibiz-template/vue3-util": "^0.1.30",
     "@ibiz/model-core": "^0.0.18",
     "@imengyu/vue3-context-menu": "^1.3.3",
     "@monaco-editor/loader": "^1.3.3",
@@ -47,7 +47,7 @@
     "ramda": "^0.29.0",
     "vue": "^3.3.4",
     "vue-i18n": "^9.4.1",
-    "vue-router": "^4.2.4",
+    "vue-router": "^4.2.5",
     "xlsx": "^0.18.5",
     "vuedraggable": "^4.1.0"
   },
@@ -56,15 +56,15 @@
     "@commitlint/config-conventional": "^17.7.0",
     "@ibiz-template/cli": "0.2.2",
     "@types/lodash-es": "^4.17.9",
-    "@types/node": "^20.6.5",
+    "@types/node": "^20.7.0",
     "@types/qs": "^6.9.8",
-    "@types/ramda": "^0.29.4",
+    "@types/ramda": "^0.29.5",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "stylelint": "^15.10.3",
     "typescript": "^5.2.2",
     "vite": "^4.4.9",
-    "vue-tsc": "^1.8.13"
+    "vue-tsc": "^1.8.15"
   },
   "peerDependencies": {
     "@floating-ui/dom": "^1.5.1",

package/dist/ibiz-markdown-editor-a6a79afe.js

@@ -1,2 +0,0 @@
-System.register(["vue","@ibiz-template/vue3-util","qx-util","cherry-markdown","@ibiz-template/core","element-plus","./index.system.min.js","lodash-es","@floating-ui/dom","@ibiz-template/runtime","ramda","dayjs","vue-router","pinia","vuedraggable","qs","vue-i18n"],function(q){"use strict";var m,l,i,b,g,d,w,k,p,U,C,M,y,z,D;return{setters:[function(t){m=t.defineComponent,l=t.ref,i=t.watch,b=t.onMounted,g=t.onUnmounted,d=t.createVNode,w=t.nextTick},function(t){k=t.getMarkDownProps,p=t.getEditorEmits,U=t.useNamespace},function(t){C=t.createUUID,M=t.getCookie},function(t){y=t.default},function(t){z=t.CoreConst},null,function(t){D=t.useUIStore},null,null,null,null,null,null,null,null,null,null],execute:function(){const t=q("default",m({name:"IBizMarkDown",props:k(),emits:p(),setup(s,{emit:R}){const h=U("markdown"),V=s.controller,u=l(""),a=l(null),x=C(),I=l({Authorization:`Bearer ${M(z.TOKEN)}`}),B=l(""),E=l(""),{UIStore:O}=D(),o=l(O.theme),v=l("editOnly");let N=null,S=0;const f=l({});i(()=>s.data,e=>{if(e){const n=V.calcBaseUrl(e);B.value=n.uploadUrl,E.value=n.downloadUrl}},{immediate:!0,deep:!0});const c=l(),j=(e,n)=>{const _=new FormData;_.append("file",e),ibiz.net.axios({url:B.value,method:"post",headers:I.value,data:_}).then(r=>{if(r.status===200&&r.data.fileid){const K=E.value.replace("%fileId%",r.data.fileid);n(K)}}).catch(r=>{ibiz.log.error("\u4E0A\u4F20\u51FA\u9519",r)})},A=()=>{var e;return(e=a.value)==null?void 0:e.getHtml()},T=()=>{var e;return(e=a.value)==null?void 0:e.getMarkdown()},F=e=>{var n;(n=a.value)==null||n.setMarkdown(e,!1)};i(()=>s.value,(e,n)=>{e!==n&&(e?u.value=e:u.value="")},{immediate:!0});const P=e=>{R("change",T())},W=(e,n)=>({[e]:n}),$=()=>{s.disabled&&(v.value="previewOnly"),w(()=>{a.value=new y({id:x,value:u.value,theme:o.value,fileUpload:j,emoji:{useUnicode:!0},header:{anchorStyle:"autonumber"},editor:{height:"100%",defaultModel:v.value,codemirror:{autofocus:!1}},toolbars:{theme:o.value,toolbar:["bold","italic","underline","strikethrough","|","color","header","|","list","image",{insert:["link","hr","br","code","formula","toc","table","line-table","bar-table"]},"settings","togglePreview"],bubble:["bold","italic","underline","strikethrough","sub","sup","|","size","color"],float:["h1","h2","h3","|","checklist","quote","quickTable","code"],customMenu:[],sidebar:[]},callback:{afterChange:P,beforeImageMounted:W}})})};i(()=>O.theme,e=>{var n;o.value=e,(n=a.value)==null||n.setTheme(o.value)});const H=()=>{window.ResizeObserver&&c.value&&(f.value=h.cssVarBlock({width:`${c.value.offsetWidth}px`}),N=new ResizeObserver(e=>{const n=e[0].contentRect.width;n!==S&&(f.value=h.cssVarBlock({width:`${e[0].contentRect.width}px`}),S=n)}),N.observe(c.value))};return b(()=>{$(),H()}),g(()=>{a.value=null}),{ns:h,currentVal:u,id:x,editor:a,markDownBox:c,headers:I,theme:o,defaultModel:v,cssVars:f,getCherryHtml:A,getCherryContent:T,setCherryContent:F}},render(){return d("div",{ref:"markDownBox",class:[this.ns.b(),this.ns.is("disabled",this.disabled)]},[d("div",{id:this.id,style:this.cssVars,class:this.ns.b("cherry")},null)])}}))}}});
-//# sourceMappingURL=ibiz-markdown-editor-a6a79afe.js.map