@ibiz-template/mob-vue3-components 0.7.41-alpha.17 → 0.7.41-alpha.19

package/dist/quill-editor-DlIyufAV.js

@@ -0,0 +1,2 @@
+System.register(["vue","@ibiz-template/vue3-util","./quill-DcWdzP1t.js","@ibiz-template/core","lodash-es","./index-DwC1-gss.js","vant","ramda","@ibiz-template/runtime","@floating-ui/dom","vue-router","pinia","qx-util","dayjs","vuedraggable","qs","vue-i18n","@ibiz-template/devtool","@ibiz-template/model-helper"],function(O){"use strict";var C,a,u,s,h,x,y,z,w,T,E,N,U,k;return{setters:[function(t){C=t.defineComponent,a=t.createVNode,u=t.resolveComponent,s=t.ref,h=t.watch,x=t.isVNode,y=t.nextTick},function(t){z=t.getEditorEmits,w=t.getHtmlProps,T=t.useNamespace},function(t){E=t.Q},function(t){N=t.getAppCookie,U=t.CoreConst,k=t.base64ToBlob},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],execute:function(){function t(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!x(e)}const V=O("default",C({name:"IBizQuill",props:w(),emits:z(),setup(e,{emit:d}){const c=T("quill"),i=e.controller,v=s(null),j=ibiz.i18n.getLang();let n=null;const B=s({[`${ibiz.env.tokenHeader}Authorization`]:`${ibiz.env.tokenPrefix}Bearer ${N(U.TOKEN)}`}),H=s(""),P=s(""),p=s(!1),b=s(!1),f=s(""),S=s(!0),q=o=>{const l=o.ops.find(r=>r.insert&&r.insert.image);if(l)return l.insert.image},M=()=>i.valueMode==="text"?n.getText():n.getSemanticHTML(),L=async o=>{const l=k(o),r=await ibiz.util.file.fileUpload(H.value,l,B.value),g=P.value.replace("%fileId%",r.fileid),m=M();f.value=m.replace(o,g)},Q=()=>{if(!v.value)return;const o=i.showToolbar?"snow":"bubble";n=new E(v.value,{theme:o,modules:i.modules,readOnly:e.disabled||e.readonly,placeholder:i.placeHolder}),n.on("text-change",(l,r,g)=>{if(g==="user"){const m=q(l);if(m&&i.imageMode==="file"){L(m);return}f.value=M()}}),i.valueMode==="text"&&n.setText(e.value||"")};return h(()=>[e.disabled,e.readonly],()=>{n&&(e.disabled||e.readonly?n.enable(!1):n.enable())},{immediate:!0}),h(()=>e.data,o=>{if(o){const l={...i.editorParams};l.uploadparams&&(l.uploadParams=JSON.parse(l.uploadparams)),l.exportparams&&(l.exportParams=JSON.parse(l.exportparams));const r=ibiz.util.file.calcFileUpDownUrl(i.context,i.params,o,l);H.value=r.uploadUrl,P.value=r.downloadUrl}},{immediate:!0,deep:!0}),h(()=>e.value,()=>{!n||!e.value||(f.value=e.value,i.valueMode==="text"?n.setText(e.value):(b.value=!0,y(()=>{b.value=!1})))},{immediate:!0}),{ns:c,c:i,lang:j,editing:p,updating:b,editorRef:v,isCollapse:S,handleEdit:()=>{n||Q()},handleCancel:()=>{p.value=!1},handleConfirm:()=>{d("change",f.value),p.value=!1}}},render(){let e,d;return a("div",{class:[this.ns.b(),this.disabled?this.ns.m("disabled"):"",this.readonly?this.ns.m("readonly"):"",this.ns.m(this.lang.toLowerCase())]},[!this.updating&&a(u("iBizQuillPreview"),{value:this.value,controller:this.controller,disabled:this.disabled,readonly:this.readonly,showCollapse:this.c.showCollapse,defaultHeight:this.c.defaultHeight,isCollapse:this.isCollapse,onEdit:()=>{this.editing=!0},onCollapse:c=>{this.isCollapse=c}},null),a(u("van-action-sheet"),{show:this.editing,"onUpdate:show":c=>this.editing=c,teleport:"body",class:[this.ns.e("popup"),this.ns.m(this.lang.toLowerCase())],onOpened:this.handleEdit},{default:()=>[a("div",{class:this.ns.e("content")},[a("div",{ref:"editorRef"},[this.controller.valueMode==="html"?a("div",{innerHTML:this.value},null):null])]),a("div",{class:this.ns.e("footer")},[a(u("van-button"),{class:this.ns.e("cancel"),onClick:this.handleCancel},t(e=ibiz.i18n.t("editor.common.cancel"))?e:{default:()=>[e]}),a(u("van-button"),{class:this.ns.e("confirm"),onClick:this.handleConfirm,type:"primary"},t(d=ibiz.i18n.t("editor.common.confirm"))?d:{default:()=>[d]})])]})])}}))}}});
+//# sourceMappingURL=quill-editor-DlIyufAV.js.map

package/dist/quill-editor-DlIyufAV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quill-editor-DlIyufAV.js","sources":["../src/editor/html/quill-editor/quill-editor.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { defineComponent, nextTick, Ref, ref, watch } from 'vue';\nimport {\n  getHtmlProps,\n  getEditorEmits,\n  useNamespace,\n} from '@ibiz-template/vue3-util';\nimport 'quill/dist/quill.core.css';\nimport 'quill/dist/quill.snow.css';\nimport 'quill/dist/quill.bubble.css';\nimport Quill from 'quill';\nimport { Delta } from 'quill/core';\nimport { base64ToBlob, CoreConst, getAppCookie } from '@ibiz-template/core';\nimport { HtmlEditorController } from '../html-editor.controller';\nimport './quill-editor.scss';\n\n/**\n * 移动端HTML编辑框\n * @primary\n * @description  基于Quill深度定制可扩展的富文本编辑器，集成文件/图片上传、实时预览及样式配置功能，提供完整的富媒体编辑解决方案。支持编辑器类型包含：`移动端HTML编辑框`\n * @editorparams {name:uploadparams,parameterType:string,description:上传参数，图片或文件上传时，用于计算上传路径}\n * @editorparams {name:exportparams,parameterType:string,description:下载参数，图片或文件下载时，用于计算下载路径}\n * @editorparams {name:osscat,parameterType:string,description:用于计算上传和下载路径的OSS参数}\n * @editorparams {name:showtoolbar,parameterType:boolean,defaultvalue:true,description:显示工具栏}\n * @editorparams {name:valuemode,parameterType:'text' | 'html',defaultvalue:html,description:值模式，暂时只支持html模式}\n * @editorparams {name:imagemode,parameterType:'base64' | 'file',defaultvalue:'file',description:图片模式}\n * @editorparams {name:modules,parameterType:string,description:quill配置}\n * @editorparams {name:defaultheight,parameterType:number,defaultvalue:200,description:收缩时的高度}\n * @editorparams {name:showcollapse,parameterType:boolean,defaultvalue:true,description:是否显示伸缩按钮}\n * @editorparams {name:readonly,parameterType:boolean,defaultvalue:false,description:设置编辑器是否为只读态}\n * @ignoreprops  autoFocus | overflowMode\n * @ignoreemits  blur | focus | infoTextChange | enter\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IBizQuill: any = defineComponent({\n  name: 'IBizQuill',\n  props: getHtmlProps<HtmlEditorController>(),\n  emits: getEditorEmits(),\n  setup(props, { emit }) {\n    const ns = useNamespace('quill');\n    const c: HtmlEditorController = props.controller;\n\n    const editorRef = ref(null);\n\n    const lang = ibiz.i18n.getLang();\n\n    // 编辑器对象\n    let quill: Quill | null = null;\n\n    // 请求头\n    const headers: Ref<IData> = ref({\n      [`${ibiz.env.tokenHeader}Authorization`]: `${\n        ibiz.env.tokenPrefix\n      }Bearer ${getAppCookie(CoreConst.TOKEN)}`,\n    });\n\n    // 上传文件路径\n    const uploadUrl: Ref<string> = ref('');\n\n    // 下载文件路径\n    const downloadUrl: Ref<string> = ref('');\n\n    // 编辑状态\n    const editing: Ref<boolean> = ref(false);\n\n    // 更新中\n    const updating: Ref<boolean> = ref(false);\n\n    // 临时数据\n    const tempValue: Ref<string> = ref('');\n\n    // 是否完全展开\n    const isCollapse: Ref<boolean> = ref(true);\n\n    const getImage = (delta: Delta) => {\n      const item = delta.ops.find(x => x.insert && (x.insert as IData).image);\n      if (item) {\n        return (item.insert as IData).image;\n      }\n    };\n\n    const getValue = () => {\n      if (c.valueMode === 'text') {\n        return quill!.getText();\n      }\n      return quill!.getSemanticHTML();\n    };\n\n    // 处理图片上传(文件模式)\n    const handleUpload = async (image: string) => {\n      const blob = base64ToBlob(image);\n      const file = await ibiz.util.file.fileUpload(\n        uploadUrl.value,\n        blob,\n        headers.value,\n      );\n      const url = downloadUrl.value.replace('%fileId%', file.fileid);\n      const value = getValue();\n      tempValue.value = value.replace(image, url);\n    };\n\n    const init = () => {\n      if (!editorRef.value) {\n        return;\n      }\n      const theme = c.showToolbar ? 'snow' : 'bubble';\n      quill = new Quill(editorRef.value, {\n        theme,\n        modules: c.modules,\n        readOnly: props.disabled || props.readonly,\n        placeholder: c.placeHolder,\n      });\n      quill.on('text-change', (delta, oldDelta, source) => {\n        if (source === 'user') {\n          const image = getImage(delta);\n          if (image && c.imageMode === 'file') {\n            handleUpload(image);\n            return;\n          }\n          tempValue.value = getValue();\n        }\n      });\n      if (c.valueMode === 'text') {\n        quill.setText(props.value || '');\n      }\n    };\n\n    watch(\n      () => [props.disabled, props.readonly],\n      () => {\n        if (!quill) {\n          return;\n        }\n        if (props.disabled || props.readonly) {\n          quill.enable(false);\n        } else {\n          quill.enable();\n        }\n      },\n      { immediate: true },\n    );\n\n    // data响应式变更基础路径\n    watch(\n      () => props.data,\n      newVal => {\n        if (newVal) {\n          const editorParams = { ...c.editorParams };\n          if (editorParams.uploadparams) {\n            editorParams.uploadParams = JSON.parse(editorParams.uploadparams);\n          }\n          if (editorParams.exportparams) {\n            editorParams.exportParams = JSON.parse(editorParams.exportparams);\n          }\n          const urls = ibiz.util.file.calcFileUpDownUrl(\n            c.context,\n            c.params,\n            newVal,\n            editorParams,\n          );\n          uploadUrl.value = urls.uploadUrl;\n          downloadUrl.value = urls.downloadUrl;\n        }\n      },\n      { immediate: true, deep: true },\n    );\n\n    watch(\n      () => props.value,\n      () => {\n        if (!quill || !props.value) {\n          return;\n        }\n        tempValue.value = props.value;\n        if (c.valueMode === 'text') {\n          quill.setText(props.value);\n        } else {\n          updating.value = true;\n          nextTick(() => {\n            updating.value = false;\n          });\n        }\n      },\n      { immediate: true },\n    );\n\n    // 展开编辑\n    const handleEdit = () => {\n      if (!quill) {\n        init();\n      }\n    };\n\n    // 取消编辑\n    const handleCancel = () => {\n      editing.value = false;\n    };\n\n    // 确认编辑\n    const handleConfirm = () => {\n      emit('change', tempValue.value);\n      editing.value = false;\n    };\n\n    return {\n      ns,\n      c,\n      lang,\n      editing,\n      updating,\n      editorRef,\n      isCollapse,\n      handleEdit,\n      handleCancel,\n      handleConfirm,\n    };\n  },\n  render() {\n    return (\n      <div\n        class={[\n          this.ns.b(),\n          this.disabled ? this.ns.m('disabled') : '',\n          this.readonly ? this.ns.m('readonly') : '',\n          this.ns.m(this.lang.toLowerCase()),\n        ]}\n      >\n        {!this.updating && (\n          <iBizQuillPreview\n            value={this.value}\n            controller={this.controller}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            showCollapse={this.c.showCollapse}\n            defaultHeight={this.c.defaultHeight}\n            isCollapse={this.isCollapse}\n            onEdit={() => {\n              this.editing = true;\n            }}\n            onCollapse={(val: boolean) => {\n              this.isCollapse = val;\n            }}\n          />\n        )}\n        <van-action-sheet\n          v-model:show={this.editing}\n          teleport='body'\n          class={[this.ns.e('popup'), this.ns.m(this.lang.toLowerCase())]}\n          onOpened={this.handleEdit}\n        >\n          <div class={this.ns.e('content')}>\n            <div ref='editorRef'>\n              {this.controller.valueMode === 'html' ? (\n                <div v-html={this.value}></div>\n              ) : null}\n            </div>\n          </div>\n          <div class={this.ns.e('footer')}>\n            <van-button class={this.ns.e('cancel')} onClick={this.handleCancel}>\n              {ibiz.i18n.t('editor.common.cancel')}\n            </van-button>\n            <van-button\n              class={this.ns.e('confirm')}\n              onClick={this.handleConfirm}\n              type='primary'\n            >\n              {ibiz.i18n.t('editor.common.confirm')}\n            </van-button>\n          </div>\n        </van-action-sheet>\n      </div>\n    );\n  },\n});\n\nexport default IBizQuill;\n"],"names":["s","_isVNode","IBizQuill","exports","defineComponent","getHtmlProps","getEditorEmits","props","emit","ns","useNamespace","c","editorRef","ref","lang","quill","headers","getAppCookie","CoreConst","uploadUrl","editing","updating","isCollapse","delta","emits","x","setup","controller","getLang","blob","base64ToBlob","image","downloadUrl","env","value","getValue","Quill","theme","oldDelta","source","tempValue","getImage","item","watch","handleUpload","file","init","newVal","editorParams","readOnly","placeholder","placeHolder","urls","disabled","nextTick","immediate","deep","uploadparams","_slot","_slot2","valueMode","setText","_resolveComponent","val","handleEdit","_createVNode","$event","handleCancel","handleConfirm","render"],"mappings":"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"}

package/dist/{quill-editor-preview-YXGzGLmQ.js → quill-editor-preview-Cf2qhphz.js}

@@ -1,2 +1,2 @@
-System.register(["vue","@ibiz-template/vue3-util","./quill-CG16aqds.js","lodash-es","./index-CLxzVzNz.js","vant","@ibiz-template/core","ramda","@ibiz-template/runtime","@floating-ui/dom","vue-router","pinia","qx-util","dayjs","vuedraggable","qs","vue-i18n","@ibiz-template/devtool","@ibiz-template/model-helper"],function(k){"use strict";var v,l,r,s,p,f,m,g,C,w;return{setters:[function(e){v=e.defineComponent,l=e.createVNode,r=e.resolveComponent,s=e.ref,p=e.onMounted,f=e.nextTick,m=e.watch},function(e){g=e.getHtmlProps,C=e.useNamespace},function(e){w=e.Q},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],execute:function(){const e=k("default",v({name:"IBizQuillPreview",props:{...g(),showCollapse:{type:Boolean},defaultHeight:{type:Number,default:200},isCollapse:{type:Boolean,default:!1}},setup(t,{emit:b}){const H=C("quill-preview"),c=t.controller,i=s(null),B=ibiz.i18n.getLang();let x=null;const h=s(""),o=s("auto"),u=s(!1),I=()=>{i.value&&(x=new w(i.value,{theme:"bubble",modules:c.modules,readOnly:!0,placeholder:c.placeHolder}),c.valueMode==="text"&&x.setText(t.value||""))},d=()=>{if(t.isCollapse&&i.value){const n=i.value.offsetHeight;n<t.defaultHeight?(o.value=`${n}px`,u.value=!1):(o.value=`${t.defaultHeight}px`,u.value=!0)}},P=n=>{if(!n)return;const a=n.querySelectorAll("img");let y=0;a.forEach(z=>{z.addEventListener("load",()=>{const T=z.offsetHeight;y+=T,y>t.defaultHeight&&(o.value=`${t.defaultHeight}px`,u.value=!0)})})};p(()=>{I(),f(()=>{d(),P(i.value)})});const q=()=>{b("edit")},M=()=>{h.value=""},N=n=>{const a=n.target;a&&a.tagName==="IMG"&&(h.value=a.src)},L=()=>{b("collapse",!t.isCollapse),d()},Q=()=>l("div",{class:H.b("collapse-btn"),onClick:L},[l("span",null,[t.isCollapse?ibiz.i18n.t("editor.html.expand"):ibiz.i18n.t("editor.html.collapse")]),t.isCollapse&&l("ion-icon",{name:"caret-down-outline"},null),!t.isCollapse&&l("ion-icon",{name:"caret-up-outline"},null)]);return m(()=>t.value,()=>{d()},{immediate:!0}),{ns:H,lang:B,editorRef:i,previewImage:h,collapseHeight:o,showCollapseBtn:u,handleClick:q,handleContentClick:N,handlePreviewClose:M,renderCollapseBtn:Q}},render(){return l("div",{class:[this.ns.b(),this.disabled?this.ns.m("disabled"):"",this.readonly?this.ns.m("readonly"):"",this.ns.m(this.lang.toLowerCase()),this.showCollapse?this.ns.m("show-collapse"):"",this.ns.is("collapse",this.isCollapse)],style:`--default-height: ${this.collapseHeight}`},[l("div",{ref:"editorRef",onClick:this.handleContentClick},[this.controller.valueMode==="html"?l("div",{innerHTML:this.value},null):null]),!this.readonly&&!this.disabled?l("div",{onClick:this.handleClick,class:this.ns.e("edit")},[l("ion-icon",{name:"create-outline"},null)]):null,this.showCollapse&&this.showCollapseBtn&&this.renderCollapseBtn(),l(r("van-popup"),{class:this.ns.e("image-popup"),show:!!this.previewImage,"close-on-popstate":!0,onClose:this.handlePreviewClose},{default:()=>[l(r("iBizPreviewImage"),{url:this.previewImage},null)]})])}}))}}});
-//# sourceMappingURL=quill-editor-preview-YXGzGLmQ.js.map
+System.register(["vue","@ibiz-template/vue3-util","./quill-DcWdzP1t.js","lodash-es","./index-DwC1-gss.js","vant","@ibiz-template/core","ramda","@ibiz-template/runtime","@floating-ui/dom","vue-router","pinia","qx-util","dayjs","vuedraggable","qs","vue-i18n","@ibiz-template/devtool","@ibiz-template/model-helper"],function(k){"use strict";var v,l,r,s,p,f,m,g,C,w;return{setters:[function(e){v=e.defineComponent,l=e.createVNode,r=e.resolveComponent,s=e.ref,p=e.onMounted,f=e.nextTick,m=e.watch},function(e){g=e.getHtmlProps,C=e.useNamespace},function(e){w=e.Q},null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],execute:function(){const e=k("default",v({name:"IBizQuillPreview",props:{...g(),showCollapse:{type:Boolean},defaultHeight:{type:Number,default:200},isCollapse:{type:Boolean,default:!1}},setup(t,{emit:b}){const H=C("quill-preview"),c=t.controller,i=s(null),B=ibiz.i18n.getLang();let x=null;const h=s(""),o=s("auto"),u=s(!1),I=()=>{i.value&&(x=new w(i.value,{theme:"bubble",modules:c.modules,readOnly:!0,placeholder:c.placeHolder}),c.valueMode==="text"&&x.setText(t.value||""))},d=()=>{if(t.isCollapse&&i.value){const n=i.value.offsetHeight;n<t.defaultHeight?(o.value=`${n}px`,u.value=!1):(o.value=`${t.defaultHeight}px`,u.value=!0)}},P=n=>{if(!n)return;const a=n.querySelectorAll("img");let y=0;a.forEach(z=>{z.addEventListener("load",()=>{const T=z.offsetHeight;y+=T,y>t.defaultHeight&&(o.value=`${t.defaultHeight}px`,u.value=!0)})})};p(()=>{I(),f(()=>{d(),P(i.value)})});const q=()=>{b("edit")},M=()=>{h.value=""},N=n=>{const a=n.target;a&&a.tagName==="IMG"&&(h.value=a.src)},L=()=>{b("collapse",!t.isCollapse),d()},Q=()=>l("div",{class:H.b("collapse-btn"),onClick:L},[l("span",null,[t.isCollapse?ibiz.i18n.t("editor.html.expand"):ibiz.i18n.t("editor.html.collapse")]),t.isCollapse&&l("ion-icon",{name:"caret-down-outline"},null),!t.isCollapse&&l("ion-icon",{name:"caret-up-outline"},null)]);return m(()=>t.value,()=>{d()},{immediate:!0}),{ns:H,lang:B,editorRef:i,previewImage:h,collapseHeight:o,showCollapseBtn:u,handleClick:q,handleContentClick:N,handlePreviewClose:M,renderCollapseBtn:Q}},render(){return l("div",{class:[this.ns.b(),this.disabled?this.ns.m("disabled"):"",this.readonly?this.ns.m("readonly"):"",this.ns.m(this.lang.toLowerCase()),this.showCollapse?this.ns.m("show-collapse"):"",this.ns.is("collapse",this.isCollapse)],style:`--default-height: ${this.collapseHeight}`},[l("div",{ref:"editorRef",onClick:this.handleContentClick},[this.controller.valueMode==="html"?l("div",{innerHTML:this.value},null):null]),!this.readonly&&!this.disabled?l("div",{onClick:this.handleClick,class:this.ns.e("edit")},[l("ion-icon",{name:"create-outline"},null)]):null,this.showCollapse&&this.showCollapseBtn&&this.renderCollapseBtn(),l(r("van-popup"),{class:this.ns.e("image-popup"),show:!!this.previewImage,"close-on-popstate":!0,onClose:this.handlePreviewClose},{default:()=>[l(r("iBizPreviewImage"),{url:this.previewImage},null)]})])}}))}}});
+//# sourceMappingURL=quill-editor-preview-Cf2qhphz.js.map

package/dist/{quill-editor-preview-YXGzGLmQ.js.map → quill-editor-preview-Cf2qhphz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"quill-editor-preview-YXGzGLmQ.js","sources":["../src/editor/html/quill-editor-preview/quill-editor-preview.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { defineComponent, nextTick, onMounted, ref, watch } from 'vue';\nimport { getHtmlProps, useNamespace } from '@ibiz-template/vue3-util';\nimport Quill from 'quill';\nimport { HtmlEditorController } from '../html-editor.controller';\nimport './quill-editor-preview.scss';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IBizQuillPreview: any = defineComponent({\n  name: 'IBizQuillPreview',\n  props: {\n    ...getHtmlProps<HtmlEditorController>(),\n    showCollapse: {\n      type: Boolean,\n    },\n    defaultHeight: {\n      type: Number,\n      default: 200,\n    },\n    isCollapse: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, { emit }) {\n    const ns = useNamespace('quill-preview');\n    const c: HtmlEditorController = props.controller;\n\n    const editorRef = ref(null);\n\n    const lang = ibiz.i18n.getLang();\n\n    // 编辑器对象\n    let quill: Quill | null = null;\n\n    // 预览图片路径\n    const previewImage = ref('');\n\n    // 伸缩内容高度\n    const collapseHeight = ref('auto');\n\n    // 显示伸缩按钮\n    const showCollapseBtn = ref(false);\n\n    const init = () => {\n      if (!editorRef.value) {\n        return;\n      }\n      quill = new Quill(editorRef.value, {\n        theme: 'bubble',\n        modules: c.modules,\n        readOnly: true,\n        placeholder: c.placeHolder,\n      });\n      if (c.valueMode === 'text') {\n        quill.setText(props.value || '');\n      }\n    };\n\n    // 重置伸缩高度\n    const resetCollapseHeight = () => {\n      if (props.isCollapse && editorRef.value) {\n        // 收缩时\n        const height = (editorRef.value as HTMLElement).offsetHeight;\n        // 内容高度低于设置的默认高度时,拿内容高度作为伸缩高度\n        if (height < props.defaultHeight) {\n          collapseHeight.value = `${height}px`;\n          showCollapseBtn.value = false;\n        } else {\n          collapseHeight.value = `${props.defaultHeight}px`;\n          showCollapseBtn.value = true;\n        }\n      }\n    };\n\n    // 监听img加载情况\n    const watchHtmlImages = (container: HTMLElement | null) => {\n      if (!container) return;\n      const images = container.querySelectorAll('img');\n      let totalHieght = 0;\n      images.forEach(image => {\n        image.addEventListener('load', () => {\n          const height = image.offsetHeight;\n          totalHieght += height;\n          if (totalHieght > props.defaultHeight) {\n            collapseHeight.value = `${props.defaultHeight}px`;\n            showCollapseBtn.value = true;\n          }\n        });\n      });\n    };\n\n    onMounted(() => {\n      init();\n      nextTick(() => {\n        resetCollapseHeight();\n        watchHtmlImages(editorRef.value);\n      });\n    });\n\n    const handleClick = () => {\n      emit('edit');\n    };\n\n    const handlePreviewClose = () => {\n      previewImage.value = '';\n    };\n\n    const handleContentClick = (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (target && target.tagName === 'IMG') {\n        previewImage.value = (target as IData).src;\n      }\n    };\n\n    // 点击伸缩按钮\n    const onClick = () => {\n      // isCollapse.value = !isCollapse.value;\n      emit('collapse', !props.isCollapse);\n      resetCollapseHeight();\n    };\n\n    // 绘制伸缩按钮\n    const renderCollapseBtn = () => {\n      return (\n        <div class={ns.b('collapse-btn')} onClick={onClick}>\n          <span>\n            {props.isCollapse\n              ? ibiz.i18n.t('editor.html.expand')\n              : ibiz.i18n.t('editor.html.collapse')}\n          </span>\n          {props.isCollapse && <ion-icon name='caret-down-outline'></ion-icon>}\n          {!props.isCollapse && <ion-icon name='caret-up-outline'></ion-icon>}\n        </div>\n      );\n    };\n\n    watch(\n      () => props.value,\n      () => {\n        resetCollapseHeight();\n      },\n      {\n        immediate: true,\n      },\n    );\n\n    return {\n      ns,\n      lang,\n      editorRef,\n      previewImage,\n      collapseHeight,\n      showCollapseBtn,\n      handleClick,\n      handleContentClick,\n      handlePreviewClose,\n      renderCollapseBtn,\n    };\n  },\n  render() {\n    return (\n      <div\n        class={[\n          this.ns.b(),\n          this.disabled ? this.ns.m('disabled') : '',\n          this.readonly ? this.ns.m('readonly') : '',\n          this.ns.m(this.lang.toLowerCase()),\n          this.showCollapse ? this.ns.m('show-collapse') : '',\n          this.ns.is('collapse', this.isCollapse),\n        ]}\n        style={`--default-height: ${this.collapseHeight}`}\n      >\n        <div ref='editorRef' onClick={this.handleContentClick}>\n          {this.controller.valueMode === 'html' ? (\n            <div v-html={this.value}></div>\n          ) : null}\n        </div>\n        {!this.readonly && !this.disabled ? (\n          <div onClick={this.handleClick} class={this.ns.e('edit')}>\n            <ion-icon name='create-outline'></ion-icon>\n          </div>\n        ) : null}\n        {this.showCollapse && this.showCollapseBtn && this.renderCollapseBtn()}\n        <van-popup\n          class={this.ns.e('image-popup')}\n          show={!!this.previewImage}\n          close-on-popstate={true}\n          onClose={this.handlePreviewClose}\n        >\n          <iBizPreviewImage url={this.previewImage}></iBizPreviewImage>\n        </van-popup>\n      </div>\n    );\n  },\n});\n\nexport default IBizQuillPreview;\n"],"names":["IBizQuillPreview","name","props","getHtmlProps","showCollapse","type","Boolean","defaultHeight","default","isCollapse","emit","setup","ns","useNamespace","c","controller","quill","editorRef","lang","getLang","showCollapseBtn","ref","collapseHeight","init","value","theme","modules","readOnly","placeholder","placeHolder","resetCollapseHeight","container","images","offsetHeight","totalHieght","height","image","onMounted","watchHtmlImages","nextTick","previewImage","handleContentClick","event","target","renderCollapseBtn","_createVNode","handlePreviewClose","watch","handleClick","immediate","_resolveComponent","render"],"mappings":"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"}
+{"version":3,"file":"quill-editor-preview-Cf2qhphz.js","sources":["../src/editor/html/quill-editor-preview/quill-editor-preview.tsx"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { defineComponent, nextTick, onMounted, ref, watch } from 'vue';\nimport { getHtmlProps, useNamespace } from '@ibiz-template/vue3-util';\nimport Quill from 'quill';\nimport { HtmlEditorController } from '../html-editor.controller';\nimport './quill-editor-preview.scss';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IBizQuillPreview: any = defineComponent({\n  name: 'IBizQuillPreview',\n  props: {\n    ...getHtmlProps<HtmlEditorController>(),\n    showCollapse: {\n      type: Boolean,\n    },\n    defaultHeight: {\n      type: Number,\n      default: 200,\n    },\n    isCollapse: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, { emit }) {\n    const ns = useNamespace('quill-preview');\n    const c: HtmlEditorController = props.controller;\n\n    const editorRef = ref(null);\n\n    const lang = ibiz.i18n.getLang();\n\n    // 编辑器对象\n    let quill: Quill | null = null;\n\n    // 预览图片路径\n    const previewImage = ref('');\n\n    // 伸缩内容高度\n    const collapseHeight = ref('auto');\n\n    // 显示伸缩按钮\n    const showCollapseBtn = ref(false);\n\n    const init = () => {\n      if (!editorRef.value) {\n        return;\n      }\n      quill = new Quill(editorRef.value, {\n        theme: 'bubble',\n        modules: c.modules,\n        readOnly: true,\n        placeholder: c.placeHolder,\n      });\n      if (c.valueMode === 'text') {\n        quill.setText(props.value || '');\n      }\n    };\n\n    // 重置伸缩高度\n    const resetCollapseHeight = () => {\n      if (props.isCollapse && editorRef.value) {\n        // 收缩时\n        const height = (editorRef.value as HTMLElement).offsetHeight;\n        // 内容高度低于设置的默认高度时,拿内容高度作为伸缩高度\n        if (height < props.defaultHeight) {\n          collapseHeight.value = `${height}px`;\n          showCollapseBtn.value = false;\n        } else {\n          collapseHeight.value = `${props.defaultHeight}px`;\n          showCollapseBtn.value = true;\n        }\n      }\n    };\n\n    // 监听img加载情况\n    const watchHtmlImages = (container: HTMLElement | null) => {\n      if (!container) return;\n      const images = container.querySelectorAll('img');\n      let totalHieght = 0;\n      images.forEach(image => {\n        image.addEventListener('load', () => {\n          const height = image.offsetHeight;\n          totalHieght += height;\n          if (totalHieght > props.defaultHeight) {\n            collapseHeight.value = `${props.defaultHeight}px`;\n            showCollapseBtn.value = true;\n          }\n        });\n      });\n    };\n\n    onMounted(() => {\n      init();\n      nextTick(() => {\n        resetCollapseHeight();\n        watchHtmlImages(editorRef.value);\n      });\n    });\n\n    const handleClick = () => {\n      emit('edit');\n    };\n\n    const handlePreviewClose = () => {\n      previewImage.value = '';\n    };\n\n    const handleContentClick = (event: MouseEvent) => {\n      const target = event.target as HTMLElement;\n      if (target && target.tagName === 'IMG') {\n        previewImage.value = (target as IData).src;\n      }\n    };\n\n    // 点击伸缩按钮\n    const onClick = () => {\n      // isCollapse.value = !isCollapse.value;\n      emit('collapse', !props.isCollapse);\n      resetCollapseHeight();\n    };\n\n    // 绘制伸缩按钮\n    const renderCollapseBtn = () => {\n      return (\n        <div class={ns.b('collapse-btn')} onClick={onClick}>\n          <span>\n            {props.isCollapse\n              ? ibiz.i18n.t('editor.html.expand')\n              : ibiz.i18n.t('editor.html.collapse')}\n          </span>\n          {props.isCollapse && <ion-icon name='caret-down-outline'></ion-icon>}\n          {!props.isCollapse && <ion-icon name='caret-up-outline'></ion-icon>}\n        </div>\n      );\n    };\n\n    watch(\n      () => props.value,\n      () => {\n        resetCollapseHeight();\n      },\n      {\n        immediate: true,\n      },\n    );\n\n    return {\n      ns,\n      lang,\n      editorRef,\n      previewImage,\n      collapseHeight,\n      showCollapseBtn,\n      handleClick,\n      handleContentClick,\n      handlePreviewClose,\n      renderCollapseBtn,\n    };\n  },\n  render() {\n    return (\n      <div\n        class={[\n          this.ns.b(),\n          this.disabled ? this.ns.m('disabled') : '',\n          this.readonly ? this.ns.m('readonly') : '',\n          this.ns.m(this.lang.toLowerCase()),\n          this.showCollapse ? this.ns.m('show-collapse') : '',\n          this.ns.is('collapse', this.isCollapse),\n        ]}\n        style={`--default-height: ${this.collapseHeight}`}\n      >\n        <div ref='editorRef' onClick={this.handleContentClick}>\n          {this.controller.valueMode === 'html' ? (\n            <div v-html={this.value}></div>\n          ) : null}\n        </div>\n        {!this.readonly && !this.disabled ? (\n          <div onClick={this.handleClick} class={this.ns.e('edit')}>\n            <ion-icon name='create-outline'></ion-icon>\n          </div>\n        ) : null}\n        {this.showCollapse && this.showCollapseBtn && this.renderCollapseBtn()}\n        <van-popup\n          class={this.ns.e('image-popup')}\n          show={!!this.previewImage}\n          close-on-popstate={true}\n          onClose={this.handlePreviewClose}\n        >\n          <iBizPreviewImage url={this.previewImage}></iBizPreviewImage>\n        </van-popup>\n      </div>\n    );\n  },\n});\n\nexport default IBizQuillPreview;\n"],"names":["IBizQuillPreview","name","props","getHtmlProps","showCollapse","type","Boolean","defaultHeight","default","isCollapse","emit","setup","ns","useNamespace","c","controller","quill","editorRef","lang","getLang","showCollapseBtn","ref","collapseHeight","init","value","theme","modules","readOnly","placeholder","placeHolder","resetCollapseHeight","container","images","offsetHeight","totalHieght","height","image","onMounted","watchHtmlImages","nextTick","previewImage","handleContentClick","event","target","renderCollapseBtn","_createVNode","handlePreviewClose","watch","handleClick","immediate","_resolveComponent","render"],"mappings":"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"}

package/dist/tree-CGwysqdR.js

@@ -0,0 +1,2 @@
+System.register(["vue","@ibiz-template/vue3-util","@ibiz-template/runtime","lodash-es","qx-util","@ibiz-template-package/vs-tree-ex"],function(M){"use strict";var k,a,u,v,d,D,x,S,E,I,L,z,T,A,h,B;return{setters:[function(s){k=s.defineComponent,a=s.createVNode,u=s.resolveComponent,v=s.computed,d=s.ref,D=s.onUnmounted,x=s.isVNode,S=s.h,E=s.createApp},function(s){I=s.useControlController,L=s.useNamespace,z=s.IBizIcon},function(s){T=s.TreeController},function(s){A=s.debounce},function(s){h=s.createUUID},function(s){B=s.VsTreeComponent}],execute:function(){function s(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!x(i)}const K=k({name:"IBizTreeControl",components:{"vs-tree":B},props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},provider:{type:Object},mdctrlActiveMode:{type:Number,default:2},singleSelect:{type:Boolean,default:!0},navigational:{type:Boolean,default:void 0}},setup(){var i,p;const o=I((...e)=>new T(...e)),_=L(`control-${o.model.controlType.toLowerCase()}`),C=v(()=>o.state.selectedData.map(e=>e._id));let y=[];const l=d(),g=d(h()),Q=d(""),V=h(),j=d(!0),G=e=>{const t=S(z,e),n=E(t),r=document.createElement("span");return n.mount(r),y.push(n),r},U=e=>e.map(t=>{const n=t?._icon?G({icon:t?._icon}):"";return{_id:t._id,id:t._id,_uuid:t._uuid,_leaf:t._leaf,_text:t._text,icon:n,_disableSelect:t._disableSelect}}),q=v(()=>{if(!o.state.isLoaded)return[];const e=o.model.rootVisible?o.state.rootNodes:o.state.rootNodes.reduce((t,n)=>n._children?t.concat(n._children):t,[]);return U(e)});function w(e,t){const n=t.state.items.find(r=>r._id===e);return n||t.state.items.find(r=>r._uuid===e)}const J=()=>{l.value&&(l.value.tree.tree.store.checkedKeys=C.value,l.value.tree.tree.store.setDefaultChecked())},W=async(e,t)=>{if(!o.state.isLoaded)return;let n;const r=w(e.data._uuid,o);if(r&&r._children&&!o.state.query?(ibiz.log.debug("\u8282\u70B9\u5C55\u5F00\u52A0\u8F7D-\u672C\u5730",r),n=r._children):(ibiz.log.debug("\u8282\u70B9\u5C55\u5F00\u52A0\u8F7D-\u8FDC\u7A0B",r),n=await o.loadNodes(r)),n&&o.state.rootNodes.includes(n[0])){t(q.value),o.state.mobExpandedKey="",g.value=h();return}t(U(n)),J()},F=(e,t)=>{if(o.state.singleSelect)return;const{originData:n}=t,{selectedData:r}=o.state,c=w(n._uuid,o),f=r.filter(b=>b._id!==c._id);f.length===r.length?o.setSelection(r.concat([c])):o.setSelection(f)},O=(e,t)=>{e.stopPropagation();const{originData:n}=t;n._leaf&&(F(e,t),o.onTreeNodeClick(n,e))},R=e=>{o.state.mobExpandedKey=e._uuid||""},X=A(async()=>{var e,t,n,r,c,f,b,P,H;if(l.value){const N=(c=(r=(n=(t=(e=l.value)==null?void 0:e.tree)==null?void 0:t.tree)==null?void 0:n.store)==null?void 0:r.breadcrumb)==null?void 0:c.list,m=N?N[N.length-1]:null;m&&(m.childNodes=[],(H=(P=(b=(f=l.value)==null?void 0:f.tree)==null?void 0:b.tree)==null?void 0:P.store)==null||H.nodesChange([]),m.loaded=!1,m.setExpand(!0))}},500),Y=async e=>{o.state.query=e,await o.load()};o.evt.on("onAfterRefreshParent",()=>{X()}),o.evt.on("onLoadSuccess",()=>{o.state.mobExpandedKey="",g.value=h()});const Z=e=>({id:e._id,name:e._text,children:e._children,isLeaf:e._leaf}),ee=e=>{const{originData:t,loadingEl:n}=e;C.value.includes(t._id)&&n&&(n.parentNode.parentNode.classList.add("selected"),e.store.selectedCurrent=e)},te=(e,t)=>{o.state.singleSelect&&ee(t);const{originData:n}=t;if(!n._leaf)return e("div",{text:ibiz.i18n.t("control.tree.subordinate"),className:"tree-button",click:(r,c)=>{c.store.breadcrumb.list.push(c),c.setExpand(!0),R(n)}})},ne=(e,t)=>{const{checked:n}=t;t.setChecked(!n),O(e,t)},$={maxHeight:"100%",checkInherit:!1,nocheckParent:!0,rootName:(p=(i=o.model.detreeNodes)==null?void 0:i.find(e=>e.rootNode))==null?void 0:p.name,renderContent:te,customNodeClick:ne};return j.value&&Object.assign($,{breadcrumb:{el:`#breadcrumb${V}`,link:(e,t)=>{const n=document.createElement("span"),r=document.createElement("span");return r.innerText=t.name,t.icon instanceof HTMLElement&&n.appendChild(t.icon.cloneNode(!0)),n.appendChild(r),n.className=`${_.be("header","crumb")} ${_.is("root",t._vsroot)}`,n.onclick=()=>R.bind(this)(t),n}}}),D(()=>{y.forEach(e=>{e.unmount()}),y=[]}),{c:o,ns:_,treeRefreshKey:g,treeData:q,options:$,breadcrumb:j,checkedKeys:C,uuid:V,treeRef:l,onNodeCheck:F,onNodeClick:O,loadData:W,treeDataFormat:Z,currentVal:Q,onInput:Y}},render(){const i={searchbar:()=>this.c.enableQuickSearch?a(u("van-search"),{modelValue:this.c.state.query,class:this.ns.b("quick-search"),clearable:!0,placeholder:this.c.state.placeHolder,"onUpdate:model-value":this.onInput},null):null},p=this.c.controlPanel?"tree":"default";return i[p]=()=>{const o=[this.breadcrumb&&a("div",{class:this.ns.be("header","container")},[a(u("van-sticky"),null,{default:()=>[a("div",{id:`breadcrumb${this.uuid}`,class:[this.ns.b("header"),this.ns.is("no-root",!this.c.model.rootVisible)]},null)]})]),this.c.state.isCreated&&this.c.state.isLoaded&&a(u("vs-tree"),{"show-line":!0,ref:"treeRef",key:this.treeRefreshKey,class:[this.ns.b("content")],lazy:!0,strictLeaf:!0,options:this.options,"show-checkbox":!this.c.state.singleSelect,showIcon:!0,data:this.treeData,highlightCurrent:!0,checkedKeys:this.checkedKeys,format:this.treeDataFormat,load:this.loadData,onCheck:this.onNodeCheck},null)];return a("div",{class:this.ns.b("container")},[o])},a(u("iBizControlBase"),{controller:this.c},s(i)?i:{default:()=>[i]})}});M({TreeControl:K,default:K})}}});
+//# sourceMappingURL=tree-CGwysqdR.js.map

package/dist/tree-CGwysqdR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-CGwysqdR.js","sources":["../src/control/tree/tree.tsx"],"sourcesContent":["import {\n  useControlController,\n  useNamespace,\n  IBizIcon,\n} from '@ibiz-template/vue3-util';\nimport {\n  computed,\n  defineComponent,\n  PropType,\n  ref,\n  VNode,\n  h as vueH,\n  createApp,\n  App,\n  onUnmounted,\n} from 'vue';\nimport { IDETree } from '@ibiz/model-core';\nimport {\n  IControlProvider,\n  ITreeController,\n  ITreeNodeData,\n  TreeController,\n} from '@ibiz-template/runtime';\nimport { debounce } from 'lodash-es';\nimport { createUUID } from 'qx-util';\nimport { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';\nimport './tree.scss';\n\nexport const TreeControl = defineComponent({\n  name: 'IBizTreeControl',\n  components: {\n    'vs-tree': VsTreeComponent,\n  },\n  props: {\n    /**\n     * @description 树控件模型数据\n     */\n    modelData: { type: Object as PropType<IDETree>, required: true },\n    /**\n     * @description 应用上下文对象\n     */\n    context: { type: Object as PropType<IContext>, required: true },\n    /**\n     * @description 视图参数对象\n     * @default {}\n     */\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    /**\n     * @description 部件适配器\n     */\n    provider: { type: Object as PropType<IControlProvider> },\n    /**\n     * @description 部件激活模式，值为0：无激活，值为1：单击激活，值为2：双击激活\n     * @default 2\n     */\n    mdctrlActiveMode: { type: Number, default: 2 },\n    /**\n     * @description 是否单选\n     * @default true\n     */\n    singleSelect: { type: Boolean, default: true },\n    /**\n     * @description 是否是导航内的（即树导航里的树）\n     */\n    navigational: { type: Boolean, default: undefined },\n  },\n  setup() {\n    const c = useControlController<TreeController>(\n      (...args) => new TreeController(...args),\n    );\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    // 默认选中项\n    const checkedKeys = computed(() => {\n      return c.state.selectedData.map(item => item._id);\n    });\n\n    // 节点创建的app实例,用于组件销毁时销毁所有实例\n    let vueApps: App[] = [];\n    // 引用的树组件实例\n    const treeRef = ref();\n    // 用于树强制刷新\n    const treeRefreshKey = ref(createUUID());\n\n    // 快捷搜索值\n    const currentVal = ref('');\n\n    const uuid = createUUID();\n\n    // 启用面包屑功能\n    const breadcrumb = ref(true);\n\n    // 创建图标节点\n    const createIconNode = (customProps: IData) => {\n      const iop = vueH(IBizIcon, customProps);\n      const vueApp = createApp(iop);\n      const dom = document.createElement('span');\n      vueApp.mount(dom);\n      vueApps.push(vueApp);\n      return dom;\n    };\n\n    /**\n     * 创建新的节点对象，隔离组件数据和controller数据\n     * @param {ITreeNodeData[]} nodes\n     * @return {*}  {IData[]}\n     */\n    const toElNodes = (nodes: ITreeNodeData[]): IData[] => {\n      return nodes.map(node => {\n        const iconDom = node?._icon\n          ? createIconNode({ icon: node?._icon })\n          : '';\n        return {\n          _id: node._id,\n          id: node._id,\n          _uuid: node._uuid,\n          _leaf: node._leaf,\n          _text: node._text,\n          icon: iconDom,\n          _disableSelect: node._disableSelect,\n        };\n      });\n    };\n\n    /** 树展示数据 */\n    const treeData = computed(() => {\n      if (!c.state.isLoaded) {\n        return [];\n      }\n      const nodes = c.model.rootVisible\n        ? c.state.rootNodes\n        : c.state.rootNodes.reduce<ITreeNodeData[]>((result, nodeData) => {\n            if (nodeData._children) {\n              return result.concat(nodeData._children as ITreeNodeData[]);\n            }\n            return result;\n          }, []);\n      return toElNodes(nodes as ITreeNodeData[]);\n    });\n\n    /**\n     * 根据id查找树节点数据对象\n     * @export\n     * @param {string} key (数据的_uuid 或者 _id)\n     * @param {ITreeController} c\n     * @return {*}  {(ITreeNodeData | undefined)}\n     */\n    function findNodeData(\n      key: string,\n      controller: ITreeController,\n    ): ITreeNodeData | undefined {\n      const find = controller.state.items.find(item => item._id === key);\n      if (find) {\n        return find;\n      }\n      return controller.state.items.find(item => item._uuid === key);\n    }\n\n    /**\n     * @description 更新vs树，防止树节点数据加载完后选中数据丢失\n     */\n    const updateUI = () => {\n      if (treeRef.value) {\n        treeRef.value.tree.tree.store.checkedKeys = checkedKeys.value;\n        treeRef.value.tree.tree.store.setDefaultChecked();\n      }\n    };\n\n    /**\n     * 触发节点加载数据\n     * @author zk\n     * @date 2023-05-29 09:16:07\n     * @param {IData} item\n     * @param {(nodes: IData[]) => void} callback\n     */\n    const loadData = async (\n      item: IData,\n      callback: (nodes: IData[]) => void,\n    ) => {\n      // 没加载前拦截\n      if (!c.state.isLoaded) {\n        return;\n      }\n\n      // 加载时拦截点击事件\n      let nodes: ITreeNodeData[];\n      const nodeData = findNodeData(item.data._uuid, c)!;\n      // 有搜索值为搜索框搜索,必须请求后台数据过滤\n      if (nodeData && nodeData._children && !c.state.query) {\n        ibiz.log.debug('节点展开加载-本地', nodeData);\n        nodes = nodeData._children;\n      } else {\n        ibiz.log.debug('节点展开加载-远程', nodeData);\n        nodes = await c.loadNodes(nodeData);\n      }\n      // 根节点搜索时,返回树展示数据,并强制刷新\n      if (nodes && c.state.rootNodes.includes(nodes[0])) {\n        callback(treeData.value);\n        c.state.mobExpandedKey = '';\n        treeRefreshKey.value = createUUID();\n        return;\n      }\n      callback(toElNodes(nodes));\n      updateUI();\n    };\n\n    /**\n     * 多选时选中节点变更\n     *\n     * @param {ITreeNodeData} nodeData\n     */\n    const onNodeCheck = (event: MouseEvent, opts: IData) => {\n      if (c.state.singleSelect) {\n        return;\n      }\n      const { originData } = opts;\n      // 选中相关处理\n      const { selectedData } = c.state;\n      const nodeData = findNodeData(originData._uuid, c)!;\n      // 选中里没有则添加，有则删除\n      const filterArr = selectedData.filter(\n        (item: IData) => item._id !== nodeData._id,\n      );\n      if (filterArr.length === selectedData.length) {\n        c.setSelection(selectedData.concat([nodeData]));\n      } else {\n        c.setSelection(filterArr);\n      }\n    };\n\n    const onNodeClick = (event: MouseEvent, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData._leaf) {\n        return;\n      }\n      onNodeCheck(event, opts);\n      c.onTreeNodeClick(originData, event);\n    };\n\n    // 处理展开节点切换\n    const handleExpandedLastKey = (data: IData) => {\n      c.state.mobExpandedKey = data._uuid || '';\n    };\n\n    // 搜索\n    const debounceSearch = debounce(async () => {\n      if (treeRef.value) {\n        // 获取最后展开的节点\n        const breadcrumbList =\n          treeRef.value?.tree?.tree?.store?.breadcrumb?.list;\n        const breadcrumbListLast = breadcrumbList\n          ? breadcrumbList[breadcrumbList.length - 1]\n          : null;\n        if (breadcrumbListLast) {\n          breadcrumbListLast.childNodes = [];\n          treeRef.value?.tree?.tree?.store?.nodesChange([]);\n          breadcrumbListLast.loaded = false;\n          breadcrumbListLast.setExpand(true);\n        }\n      }\n    }, 500);\n\n    const onInput = async (value: string): Promise<void> => {\n      c.state.query = value;\n      await c.load();\n    };\n\n    c.evt.on('onAfterRefreshParent', () => {\n      debounceSearch();\n    });\n\n    c.evt.on('onLoadSuccess', () => {\n      c.state.mobExpandedKey = '';\n      treeRefreshKey.value = createUUID();\n    });\n\n    /**\n     * 树数据格式化\n     *\n     * @author zk\n     * @date 2023-07-03 11:07:59\n     * @param {ITreeNodeData} data\n     * @return {*}\n     */\n    const treeDataFormat = (data: ITreeNodeData) => {\n      return {\n        id: data._id,\n        name: data._text,\n        children: data._children,\n        isLeaf: data._leaf,\n      };\n    };\n\n    /**\n     * 处理单选默认选中样式\n     *\n     * @author ljx\n     * @date 2024-12-12 15:07:59\n     * @param {IData} opts\n     * @return {*}\n     */\n    const handleSingleSelect = (opts: IData) => {\n      const { originData, loadingEl } = opts;\n      if (checkedKeys.value.includes(originData._id) && loadingEl) {\n        loadingEl.parentNode.parentNode.classList.add('selected');\n        opts.store.selectedCurrent = opts;\n      }\n    };\n\n    const renderContent = (\n      h: (tag: string, opt: IData) => VNode,\n      opts: IData,\n    ) => {\n      if (c.state.singleSelect) handleSingleSelect(opts);\n      const { originData } = opts;\n      if (!originData._leaf) {\n        return h('div', {\n          text: ibiz.i18n.t('control.tree.subordinate'),\n          className: 'tree-button',\n          click: (e: Event, _opts: IData) => {\n            _opts.store.breadcrumb.list.push(_opts);\n            _opts.setExpand(true);\n            handleExpandedLastKey(originData);\n          },\n        });\n      }\n    };\n\n    const customNodeClick = (event: MouseEvent, opts: IData) => {\n      const { checked } = opts;\n      opts.setChecked(!checked);\n      onNodeClick(event, opts);\n    };\n\n    // vs树配置项\n    const options = {\n      maxHeight: '100%',\n      // 继承父状态\n      checkInherit: false,\n      // 不能选择父节点\n      nocheckParent: true,\n      rootName: c.model.detreeNodes?.find(item => item.rootNode)?.name,\n      renderContent,\n      customNodeClick,\n    };\n\n    if (breadcrumb.value) {\n      Object.assign(options, {\n        breadcrumb: {\n          el: `#breadcrumb${uuid}`,\n          link: (node: IData, data: IData) => {\n            const content = document.createElement('span');\n            const textDom = document.createElement('span');\n            textDom.innerText = data.name;\n            if (data.icon instanceof HTMLElement) {\n              content.appendChild(data.icon.cloneNode(true));\n            }\n            content.appendChild(textDom);\n            content.className = `${ns.be('header', 'crumb')} ${ns.is(\n              'root',\n              data._vsroot,\n            )}`;\n            content.onclick = () => handleExpandedLastKey.bind(this)(data);\n            return content;\n          },\n        },\n      });\n    }\n\n    onUnmounted(() => {\n      // 卸载绘制的图标节点\n      vueApps.forEach((vueApp: App) => {\n        vueApp.unmount();\n      });\n      vueApps = [];\n    });\n\n    return {\n      c,\n      ns,\n      treeRefreshKey,\n      treeData,\n      options,\n      breadcrumb,\n      checkedKeys,\n      uuid,\n      treeRef,\n      onNodeCheck,\n      onNodeClick,\n      loadData,\n      treeDataFormat,\n      currentVal,\n      onInput,\n    };\n  },\n  render() {\n    const slots: IData = {\n      searchbar: () => {\n        if (!this.c.enableQuickSearch) {\n          return null;\n        }\n        return (\n          <van-search\n            modelValue={this.c.state.query}\n            class={this.ns.b('quick-search')}\n            clearable={true}\n            placeholder={this.c.state.placeHolder}\n            onUpdate:model-value={this.onInput}\n          ></van-search>\n        );\n      },\n    };\n    const key = this.c.controlPanel ? 'tree' : 'default';\n    slots[key] = () => {\n      const content = [\n        this.breadcrumb && (\n          <div class={this.ns.be('header', 'container')}>\n            <van-sticky>\n              <div\n                id={`breadcrumb${this.uuid}`}\n                class={[\n                  this.ns.b('header'),\n                  this.ns.is('no-root', !this.c.model.rootVisible),\n                ]}\n              ></div>\n            </van-sticky>\n          </div>\n        ),\n        this.c.state.isCreated && this.c.state.isLoaded && (\n          <vs-tree\n            show-line\n            ref='treeRef'\n            key={this.treeRefreshKey}\n            class={[this.ns.b('content')]}\n            lazy={true}\n            strictLeaf={true}\n            options={this.options}\n            show-checkbox={!this.c.state.singleSelect}\n            showIcon={true}\n            data={this.treeData}\n            highlightCurrent={true}\n            checkedKeys={this.checkedKeys}\n            format={this.treeDataFormat}\n            load={this.loadData}\n            onCheck={this.onNodeCheck}\n          ></vs-tree>\n        ),\n      ];\n      return <div class={this.ns.b('container')}>{content}</div>;\n    };\n    return <iBizControlBase controller={this.c}>{slots}</iBizControlBase>;\n  },\n});\n\nexport default TreeControl;\n"],"names":["_isSlot","s","_isVNode","TreeControl","defineComponent","components","VsTreeComponent","props","type","Object","required","default","Boolean","setup","c","_a","_b","useControlController","args","TreeController","checkedKeys","computed","selectedData","item","vueApps","ref","treeRefreshKey","createUUID","treeRef","uuid","iop","vueH","IBizIcon","customProps","currentVal","createApp","vueApp","breadcrumb","toElNodes","nodes","createIconNode","node","mount","push","dom","iconDom","treeData","map","result","nodeData","_id","_text","icon","findNodeData","key","controller","find","updateUI","model","rootVisible","rootNodes","state","_children","loadData","callback","items","onNodeCheck","event","opts","originData","filterArr","onNodeClick","debug","ibiz","data","loadNodes","debounceSearch","debounce","_b2","_c","_g","includes","_d","_a2","_e","breadcrumbList","breadcrumbListLast","_f","_h","_i","onInput","value","treeDataFormat","handleSingleSelect","setSelection","loadingEl","stopPropagation","renderContent","h","onTreeNodeClick","handleExpandedLastKey","mobExpandedKey","_opts","childNodes","checked","query","evt","content","textDom","ns","isLeaf","onUnmounted","text","className","click","e","customNodeClick","setChecked","_createVNode","_resolveComponent","maxHeight","checkInherit","nocheckParent","rootName","options","link","document","innerText","appendChild","be","slots"],"mappings":"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"}

package/es/_virtual/index12.mjs

@@ -1,3 +1,3 @@
-var middlewares = {};
+var dist = {exports: {}};
 
-export { middlewares as __exports };
+export { dist as __module };

package/es/_virtual/index13.mjs

@@ -1,3 +1,3 @@
-var frameTalkClientPc = {exports: {}};
+var middlewares = {};
 
-export { frameTalkClientPc as __module };
+export { middlewares as __exports };

package/es/_virtual/index14.mjs

@@ -1,3 +1,3 @@
-var eventemitter3 = {exports: {}};
+var frameTalkClientPc = {exports: {}};
 
-export { eventemitter3 as __module };
+export { frameTalkClientPc as __module };

package/es/_virtual/index15.mjs

@@ -1 +1,3 @@
-export { l as default } from '../node_modules/.pnpm/lodash.clonedeep@4.5.0/node_modules/lodash.clonedeep/index.mjs';
+var eventemitter3 = {exports: {}};
+
+export { eventemitter3 as __module };

package/es/_virtual/index16.mjs

@@ -1 +1 @@
-export { l as default } from '../node_modules/.pnpm/lodash.isequal@4.5.0/node_modules/lodash.isequal/index.mjs';
+export { l as default } from '../node_modules/.pnpm/lodash.clonedeep@4.5.0/node_modules/lodash.clonedeep/index.mjs';

package/es/_virtual/index17.mjs

@@ -1,3 +1 @@
-var lodash_clonedeep = {exports: {}};
-
-export { lodash_clonedeep as __module };
+export { l as default } from '../node_modules/.pnpm/lodash.isequal@4.5.0/node_modules/lodash.isequal/index.mjs';

package/es/_virtual/index18.mjs

@@ -1,3 +1,3 @@
-var lodash_isequal = {exports: {}};
+var lodash_clonedeep = {exports: {}};
 
-export { lodash_isequal as __module };
+export { lodash_clonedeep as __module };

package/es/_virtual/index19.mjs

@@ -0,0 +1,3 @@
+var lodash_isequal = {exports: {}};
+
+export { lodash_isequal as __module };

package/es/control/calendar/calendar.mjs

@@ -174,6 +174,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       onConfirm,
       calcItemStyle,
       dateChange,
+      closeDrawer,
       onCustom,
       toDay
     };
@@ -330,6 +331,7 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
           "modelValue": this.currentDate,
           "onUpdate:modelValue": ($event) => this.currentDate = $event,
           "onConfirm": this.onConfirm,
+          "onCancel": this.closeDrawer,
           "title": ibiz.i18n.t("control.calendar.pickerDate")
         }, null)]
       })]

package/es/control/dashboard/dashboard.css

@@ -1 +1 @@
-.ibiz-control-dashboard{--ibiz-control-dashboard-dashboard-margin:var(--ibiz-spacing-tight);--ibiz-control-dashboard-portlet-header-height:2.5rem;height:100%;margin:var(--ibiz-control-dashboard-dashboard-margin);overflow:var(--ibiz-control-overflow)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}
+.ibiz-control-dashboard{--ibiz-control-dashboard-dashboard-margin:var(--ibiz-spacing-tight);--ibiz-control-dashboard-portlet-header-height:2.5rem;height:100%;margin:var(--ibiz-control-dashboard-dashboard-margin);overflow:var(--ibiz-control-overflow)}.ibiz-control-dashboard .ibiz-control-dashboard-row{gap:var(--ibiz-control-dashboard-dashboard-margin)}.ibiz-control-dashboard.ibiz-control{width:auto}

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.css

@@ -1 +1 @@
-.ibiz-portlet-layout{--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:0 var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0 0 var(--ibiz-border-radius-medium);--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__toolbar{height:100%;display:flex;align-items:center}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between;height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}
+.ibiz-portlet-layout{--ibiz-portlet-layout-header-height:2.5rem;--ibiz-portlet-layout-header-padding:0 var(--ibiz-spacing-base);--ibiz-portlet-layout-header-margin:0;--ibiz-portlet-layout-bg-color:var(--ibiz-color-bg-1);--ibiz-portlet-layout-header-bg-color:transparent;--ibiz-portlet-layout-header-border-bottom:0.0625rem solid var(--ibiz-color-border);--ibiz-portlet-layout-caption-max-width:18.75rem;--ibiz-portlet-layout-caption-font-weight:600;--ibiz-portlet-layout-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-portlet-layout-caption-color:var(--ibiz-color-text-1);--ibiz-portlet-layout-content-bg-color:transparent;--ibiz-portlet-layout-content-padding:0 0 var(--ibiz-border-radius-medium);--ibiz-portlet-layout-content-margin:0;--ibiz-portlet-layout-border-radius:var(--ibiz-border-radius-medium);width:100%;height:100%;background-color:var(--ibiz-portlet-layout-bg-color);border-radius:var(--ibiz-portlet-layout-border-radius)}.ibiz-portlet-layout__caption{max-width:var(--ibiz-portlet-layout-caption-max-width)}.ibiz-portlet-layout__caption-text{font-size:var(--ibiz-portlet-layout-caption-font-size);font-weight:var(--ibiz-portlet-layout-caption-font-weight);color:var(--ibiz-portlet-layout-caption-color)}.ibiz-portlet-layout__toolbar{height:100%;display:flex;align-items:center}.ibiz-portlet-layout.is-no-header>.ibiz-portlet-layout-content{height:100%}.ibiz-portlet-layout-header{display:flex;justify-content:space-between}.ibiz-portlet-layout-header.is-custom{position:relative}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__left{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__right{z-index:1}.ibiz-portlet-layout-header.is-custom .ibiz-portlet-layout-header__bg{position:absolute;top:0;left:0;width:100%;height:100%}.ibiz-portlet-layout-header{height:var(--ibiz-portlet-layout-header-height);padding:var(--ibiz-portlet-layout-header-padding);margin:var(--ibiz-portlet-layout-header-margin);line-height:var(--ibiz-portlet-layout-header-height);background-color:var(--ibiz-portlet-layout-header-bg-color)}.ibiz-portlet-layout-content{height:calc(100% - var(--ibiz-portlet-layout-header-height));padding:var(--ibiz-portlet-layout-content-padding);margin:var(--ibiz-portlet-layout-content-margin);background-color:var(--ibiz-portlet-layout-content-bg-color)}

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, createVNode, resolveComponent, computed } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './portlet-layout.css';
-import { PortletPartController } from '@ibiz-template/runtime';
+import { ScriptFactory, PortletPartController } from '@ibiz-template/runtime';
 
 "use strict";
 const PortletLayout = /* @__PURE__ */ defineComponent({
@@ -21,9 +21,41 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, event);
     };
+    const controlRenders = c.dashboard.model.controlRenders;
+    const header = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header`);
+    const headerCaption = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header_caption`);
+    const headerBg = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header_bg`);
+    const headerAction = controlRenders == null ? void 0 : controlRenders.find((item) => `dashboard_${item.id}` === `${c.model.name}_mob_header_action`);
+    const renderContent = (model) => {
+      if (model.renderType === "LAYOUTPANEL_MODEL" && model.layoutPanelModel) {
+        const htmlCode = ScriptFactory.execScriptFn({
+          params: c.params,
+          context: c.context
+        }, model.layoutPanelModel, {
+          isAsync: false
+        });
+        return createVNode("div", {
+          "class": ns.b("header-render"),
+          "innerHTML": htmlCode
+        }, null);
+      }
+      if (model.renderType === "LAYOUTPANEL" && model.layoutPanel) {
+        return createVNode(resolveComponent("iBizControlShell"), {
+          "class": ns.b("header-render"),
+          "params": c.params,
+          "context": c.context,
+          "modelData": model.layoutPanel
+        }, null);
+      }
+    };
     return {
       ns,
       isShowHeader,
+      header,
+      headerCaption,
+      headerBg,
+      headerAction,
+      renderContent,
       onActionClick
     };
   },
@@ -33,29 +65,43 @@ const PortletLayout = /* @__PURE__ */ defineComponent({
       model,
       state
     } = this.$props.controller;
+    const isCustom = !!(this.header || this.headerCaption || this.headerBg || this.headerAction);
+    let headerRender = null;
+    if (this.isShowHeader) {
+      if (this.header) {
+        headerRender = createVNode("div", {
+          "key": "header",
+          "class": [this.ns.b("header"), this.ns.is("custom", isCustom)]
+        }, [this.renderContent(this.header)]);
+      } else {
+        headerRender = createVNode("div", {
+          "key": "header",
+          "class": [this.ns.b("header"), this.ns.is("custom", isCustom)]
+        }, [this.headerBg && createVNode("div", {
+          "class": this.ns.be("header", "bg")
+        }, [this.renderContent(this.headerBg)]), createVNode("div", {
+          "class": this.ns.be("header", "left")
+        }, [model.showTitleBar && (this.headerCaption ? this.renderContent(this.headerCaption) : createVNode("div", {
+          "class": this.ns.e("caption")
+        }, [createVNode(resolveComponent("iBizIcon"), {
+          "class": this.ns.e("caption-icon"),
+          "icon": model.sysImage
+        }, null), createVNode("div", {
+          "class": this.ns.e("caption-text"),
+          "title": model.title
+        }, [model.title])]))]), createVNode("div", {
+          "class": this.ns.be("header", "right")
+        }, [model.uiactionGroup && (this.headerAction ? this.renderContent(this.headerAction) : createVNode(resolveComponent("iBizActionToolbar"), {
+          "class": this.ns.e("toolbar"),
+          "action-details": model.uiactionGroup.uiactionGroupDetails,
+          "actions-state": state.actionGroupState,
+          "onActionClick": this.onActionClick
+        }, null))])]);
+      }
+    }
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("no-header", !this.isShowHeader)]
-    }, [this.isShowHeader && createVNode("div", {
-      "key": "header",
-      "class": this.ns.b("header")
-    }, [createVNode("div", {
-      "class": this.ns.be("header", "left")
-    }, [model.showTitleBar && createVNode("div", {
-      "class": this.ns.e("caption")
-    }, [createVNode(resolveComponent("iBizIcon"), {
-      "class": this.ns.e("caption-icon"),
-      "icon": model.sysImage
-    }, null), createVNode("div", {
-      "class": this.ns.e("caption-text"),
-      "title": model.title
-    }, [model.title])])]), createVNode("div", {
-      "class": this.ns.be("header", "right")
-    }, [model.uiactionGroup && createVNode(resolveComponent("iBizActionToolbar"), {
-      "class": this.ns.e("toolbar"),
-      "action-details": model.uiactionGroup.uiactionGroupDetails,
-      "actions-state": state.actionGroupState,
-      "onActionClick": this.onActionClick
-    }, null)])]), createVNode("div", {
+    }, [headerRender, createVNode("div", {
       "key": "content",
       "class": this.ns.b("content")
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);

package/es/control/drbar/drbar.controller.mjs

@@ -107,7 +107,7 @@ class DRBarController extends ControlController {
     this.state.drBarItems = [];
     this.state.srfnav = "";
     this.state.isCalculatedPermission = false;
-    this.state.hideEditItem = !Object.is(this.model.hideEditItem, false);
+    this.state.hideEditItem = !!this.model.hideEditItem;
   }
   /**
    * 创建完成
@@ -265,6 +265,29 @@ class DRBarController extends ControlController {
     if (!this.form) {
       await this.calcDrBarItemsState();
     }
+    if (this.form && this.form.state.isLoaded) {
+      this.doDefaultSelect();
+    }
+  }
+  /**
+   * @description 处理第一次的默认选中
+   * @memberof DRTabController
+   */
+  doDefaultSelect() {
+    var _a;
+    const viewForm = (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_form;
+    if (viewForm) {
+      viewForm.state.visible = false;
+      viewForm.state.keepAlive = false;
+    }
+    if (!this.state.hideEditItem && !this.state.srfnav) {
+      this.setVisible("form");
+      return;
+    }
+    if (this.isCreate) {
+      this.state.defaultItem = this.model.uniqueTag;
+      return;
+    }
   }
   /**
    * 处理表单数据变更

package/es/control/drtab/drtab.controller.mjs

@@ -86,7 +86,7 @@ class DRTabController extends ControlController {
   initState() {
     super.initState();
     this.state.drTabPages = [];
-    this.state.hideEditItem = !Object.is(this.model.hideEditItem, false);
+    this.state.hideEditItem = !!this.model.hideEditItem;
   }
   /**
    * 创建完成
@@ -147,6 +147,24 @@ class DRTabController extends ControlController {
     if (!this.form) {
       await this.calcDrTabPagesState();
     }
+    if (this.form && this.form.state.isLoaded) {
+      this.doDefaultSelect();
+    }
+  }
+  /**
+   * @description 处理第一次的默认选中
+   * @memberof DRTabController
+   */
+  doDefaultSelect() {
+    var _a;
+    const viewForm = (_a = this.view.layoutPanel) == null ? void 0 : _a.panelItems.view_form;
+    if (viewForm) {
+      viewForm.state.visible = false;
+      viewForm.state.keepAlive = false;
+    }
+    if (!this.state.hideEditItem && this.state.activeName === this.model.uniqueTag) {
+      this.setVisible("form");
+    }
   }
   /**
    * 计算项权限
@@ -237,9 +255,6 @@ class DRTabController extends ControlController {
         sysImage: editItemSysImage,
         fullPath: this.routeDepth ? getNestedRoutePath(this.router.currentRoute.value, this.routeDepth) : ""
       });
-      this.state.defaultName = "";
-    } else {
-      this.state.defaultName = (dedrtabPages == null ? void 0 : dedrtabPages[0].id) || "";
     }
     dedrtabPages == null ? void 0 : dedrtabPages.forEach((item) => {
       let itemCaption = item.caption;
@@ -268,6 +283,7 @@ class DRTabController extends ControlController {
       });
     });
     this.state.drTabPages = drTabPages;
+    this.state.defaultName = drTabPages[0].tag;
     if (this.view.state.srfnav) {
       this.state.activeName = this.view.state.srfnav;
     } else {

package/es/control/list/list-render-util.mjs

@@ -44,7 +44,7 @@ function useListRender(props, c, ns) {
     const itemClass = calcItemClass(row);
     const itemStyle = calcItemStyle(row);
     const slotOption = {};
-    if (Object.prototype.hasOwnProperty.call(row, "image")) {
+    if (Object.prototype.hasOwnProperty.call(row, "image") && row.image) {
       Object.assign(slotOption, {
         icon: renderIcon(row)
       });

package/es/control/list/md-ctrl/md-ctrl.css

@@ -1 +1 @@
-.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height)}.ibiz-control-mobmdctrl .ibiz-panel-container{--ibiz-panel-scroll:hidden}.ibiz-control-mobmdctrl{--van-cell-font-size:var(--ibiz-control-mobmdctrl-font-size);height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-mobmdctrl__content{width:100%;height:99%}.ibiz-control-mobmdctrl__content .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl__content.is-show-underLine .ibiz-control-mobmdctrl-item+.ibiz-control-mobmdctrl-item::before{position:relative;top:-.875rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-control-mobmdctrl__content.is-show-underLine .van-swipe-cell+.van-swipe-cell .van-swipe-cell__wrapper::before{position:relative;top:.0625rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-control-mobmdctrl__setting{position:absolute;right:var(--ibiz-spacing-tight);z-index:1}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{height:calc(100% - var(--ibiz-control-mobmdctrl-pagination-height))}.ibiz-control-mobmdctrl .van-cell__right-icon{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right);color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit}.ibiz-control-mobmdctrl .van-cell::after{width:100%}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);background-color:var(--ibiz-control-mobmdctrl-item-bg-color);color:var(--ibiz-control-mobmdctrl-item-font-color)}.ibiz-control-mobmdctrl-item:hover{background-color:var(--ibiz-control-mobmdctrl-item-hover-color)}.ibiz-control-mobmdctrl-item.is-active{background-color:var(--ibiz-control-mobmdctrl-item-active-color)}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.ibiz-control-mobmdctrl-item{padding:.875rem 0}.ibiz-control-mobmdctrl-item.ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);padding:var(--ibiz-control-mobmdctrl-group-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}.ibiz-control-mobmdctrl-select-item{display:flex;gap:var(--ibiz-control-mobmdctrl-select-item-gap);padding-bottom:var(--ibiz-control-mobmdctrl-select-item-padding-bottom);margin:var(--ibiz-control-mobmdctrl-select-item-margin);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-mobmdctrl-select-item>.van-checkbox{padding:var(--ibiz-control-mobmdctrl-select-item-check-padding)}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__right>.van-button{height:100%}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left>.van-button{height:100%}
+.ibiz-control-mobmdctrl{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height)}.ibiz-control-mobmdctrl .ibiz-panel-container{--ibiz-panel-scroll:hidden}.ibiz-control-mobmdctrl{--van-cell-font-size:var(--ibiz-control-mobmdctrl-font-size);height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-mobmdctrl__content{width:100%;height:99%}.ibiz-control-mobmdctrl__content .van-cell{padding:var(--ibiz-control-mobmdctrl-padding)}.ibiz-control-mobmdctrl__content.is-show-underLine .ibiz-control-mobmdctrl-item+.ibiz-control-mobmdctrl-item::before{position:relative;top:-.875rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-control-mobmdctrl__content.is-show-underLine .ibiz-control-mobmdctrl-item.van-cell::before{display:none}.ibiz-control-mobmdctrl__content.is-show-underLine .van-swipe-cell+.van-swipe-cell .van-swipe-cell__wrapper::before{position:relative;top:.0625rem;left:1rem;display:block;width:calc(100% - 2rem);height:.0625rem;content:"";background-color:var(--ibiz-color-border)}.ibiz-control-mobmdctrl__setting{position:absolute;right:var(--ibiz-spacing-tight);z-index:1}.ibiz-control-mobmdctrl.is-enable-page .ibiz-control-mobmdctrl__content{height:calc(100% - var(--ibiz-control-mobmdctrl-pagination-height))}.ibiz-control-mobmdctrl .van-cell__right-icon{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right);color:var(--ibiz-control-mobmdctrl-icon-color)}.ibiz-control-mobmdctrl .van-cell--clickable:active{color:inherit}.ibiz-control-mobmdctrl .van-cell::after{width:100%}.ibiz-control-mobmdctrl-item{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);background-color:var(--ibiz-control-mobmdctrl-item-bg-color);color:var(--ibiz-control-mobmdctrl-item-font-color)}.ibiz-control-mobmdctrl-item:hover{background-color:var(--ibiz-control-mobmdctrl-item-hover-color)}.ibiz-control-mobmdctrl-item.is-active{background-color:var(--ibiz-control-mobmdctrl-item-active-color)}.ibiz-control-mobmdctrl-item--right{margin-right:var(--ibiz-control-mobmdctrl-right-icon-margin-right)}.ibiz-control-mobmdctrl-item{padding:.875rem 0}.ibiz-control-mobmdctrl-item.ibiz-control-panel{height:auto}.ibiz-control-mobmdctrl-image{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);width:var(--ibiz-control-mobmdctrl-img-width);margin-right:var(--ibiz-control-mobmdctrl-padding);border-radius:var(--ibiz-control-mobmdctrl-img-radius)}.ibiz-control-mobmdctrl-group-caption{--ibiz-control-mobmdctrl-text-color:var(--ibiz-color-text-0);--ibiz-control-mobmdctrl-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-mobmdctrl-active-bg-color:#d1d1d5;--ibiz-control-mobmdctrl-active-color:var(--ibiz-color-bg-1);--ibiz-control-mobmdctrl-img-width:var(--ibiz-width-icon-extra-large);--ibiz-control-mobmdctrl-img-radius:var(--ibiz-border-radius-extra-small);--ibiz-control-mobmdctrl-padding:var(--ibiz-spacing-base) 0 var(--ibiz-spacing-base) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-mobmdctrl-group-font:var(--ibiz-font-size-regular);--ibiz-control-mobmdctrl-icon-color:#a0a5aa;--ibiz-control-mobmdctrl-group-caption-color:#9a9b9f;--ibiz-control-mobmdctrl-load-more-font-size:var(--ibiz-font-size-small);--ibiz-control-mobmdctrl-font-size:var(--ibiz-font-size-header-5);--ibiz-control-mobmdctrl-right-icon-margin-right:1.3125rem;--ibiz-control-mobmdctrl-simplelist-height:250px;--ibiz-control-mobmdctrl-select-item-padding-bottom:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-margin:var(--ibiz-spacing-tight) 0 0 var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-select-item-check-padding:var(--ibiz-spacing-extra-tight);--ibiz-control-mobmdctrl-select-item-gap:var(--ibiz-spacing-tight);--ibiz-control-mobmdctrl-pagination-height:var(--van-pagination-height);padding:var(--ibiz-control-mobmdctrl-group-padding);font-size:var(--ibiz-control-mobmdctrl-group-font);color:var(--ibiz-control-mobmdctrl-group-caption-color)}.ibiz-control-mobmdctrl-load-more{display:flex;justify-content:center;padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-mobmdctrl-load-more-font-size);color:var(--ibiz-color-text-2)}.ibiz-control-mobmdctrl-load-more span{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);cursor:pointer;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-full)}.ibiz-control-mobmdctrl-select-item{display:flex;gap:var(--ibiz-control-mobmdctrl-select-item-gap);padding-bottom:var(--ibiz-control-mobmdctrl-select-item-padding-bottom);margin:var(--ibiz-control-mobmdctrl-select-item-margin);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-mobmdctrl-select-item>.van-checkbox{padding:var(--ibiz-control-mobmdctrl-select-item-check-padding)}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__right>.van-button{height:100%}.ibiz-control-mobmdctrl-slider-item .van-swipe-cell__left>.van-button{height:100%}

package/es/control/tab-exp-panel/tab-exp-panel.css

@@ -1 +1 @@
-.ibiz-control-tabexppanel-tab-item-header{padding:.5rem 1rem;overflow:hidden;font-size:var(--ibiz-font-size-regular);line-height:var(--van-cell-line-height);color:var(--ibiz-color-text-2);text-overflow:ellipsis;white-space:nowrap;background:var(--ibiz-color-bg-0)}
+.ibiz-control-tabexppanel-tab-item-header{padding:.5rem 1rem;overflow:hidden;font-size:var(--ibiz-font-size-regular);line-height:var(--van-cell-line-height);color:var(--ibiz-color-text-2);text-overflow:ellipsis;white-space:nowrap;background:var(--ibiz-color-bg-0)}.ibiz-control-tabexppanel-header>.van-tabs__wrap .van-tab--line.van-tab--active .van-tab__text{position:relative;line-height:var(--van-tabs-line-height);color:var(--ibiz-color-primary)}.ibiz-control-tabexppanel-header>.van-tabs__wrap .van-tab--line.van-tab--active .van-tab__text::after{content:"";display:block;width:100%;height:.125rem;background-color:var(--ibiz-color-primary);position:absolute;bottom:0;border-radius:var(--van-tabs-bottom-bar-height)}.ibiz-control-tabexppanel-header>.van-tabs__wrap .van-tabs__line{display:none}

package/es/control/tree/tree.mjs

@@ -96,6 +96,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         }) : "";
         return {
           _id: node._id,
+          id: node._id,
           _uuid: node._uuid,
           _leaf: node._leaf,
           _text: node._text,
@@ -123,6 +124,12 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       }
       return controller.state.items.find((item) => item._uuid === key);
     }
+    const updateUI = () => {
+      if (treeRef.value) {
+        treeRef.value.tree.tree.store.checkedKeys = checkedKeys.value;
+        treeRef.value.tree.tree.store.setDefaultChecked();
+      }
+    };
     const loadData = async (item, callback) => {
       if (!c.state.isLoaded) {
         return;
@@ -143,6 +150,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         return;
       }
       callback(toElNodes(nodes));
+      updateUI();
     };
     const onNodeCheck = (event, opts) => {
       if (c.state.singleSelect) {

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.mjs

@@ -36,6 +36,9 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.editorStyle) {
         editorStyle = editorModel.editorParams.editorStyle;
       }
+      if (editorModel.editorParams.editorstyle) {
+        editorStyle = editorModel.editorParams.editorstyle;
+      }
       if (editorModel.editorParams.separator) {
         separator = editorModel.editorParams.separator;
       }

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -10,7 +10,7 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = useNamespace("checkbox");
     const c = props.controller;
     const editorModel = c.model;
@@ -19,9 +19,15 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
     if ((_a = editorModel.editorParams) == null ? void 0 : _a.selectValue) {
       selectValue = editorModel.editorParams.selectValue;
     }
-    if ((_b = editorModel.editorParams) == null ? void 0 : _b.nullValue) {
+    if ((_b = editorModel.editorParams) == null ? void 0 : _b.selectvalue) {
+      selectValue = editorModel.editorParams.selectvalue;
+    }
+    if ((_c = editorModel.editorParams) == null ? void 0 : _c.nullValue) {
       nullValue = editorModel.editorParams.nullValue;
     }
+    if ((_d = editorModel.editorParams) == null ? void 0 : _d.nullvalue) {
+      nullValue = editorModel.editorParams.nullvalue;
+    }
     const currentVal = computed({
       get() {
         if (props.value === selectValue) {