@ibiz-template/vue3-components 0.7.19 → 0.7.21

package/lib/editor/html/wang-editor/wang-editor.css

@@ -1 +1 @@
-.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor.is-readonly{height:auto!important}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}
+.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor.is-readonly{height:auto!important}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:var(--ibiz-height-control-large);min-height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight);border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table td{height:var(--ibiz-height-control-large);min-height:var(--ibiz-height-control-large);padding:var(--ibiz-spacing-tight);empty-cells:show;border:1px solid var(--ibiz-color-border)}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:var(--ibiz-spacing-base-tight);margin-right:var(--ibiz-spacing-tight)}.ibiz-html-footer>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-html-footer__cancel{height:var(--ibiz-height-control-default);line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{height:var(--ibiz-height-control-default);padding:0 var(--ibiz-spacing-base);line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-small)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:var(--ibiz-height-control-default);padding-right:var(--ibiz-spacing-base);font-size:var(--ibiz-font-size-header-6)}.ibiz-html-custom-toolbar>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 var(--ibiz-spacing-extra-loose);--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}

package/lib/editor/switch/ibiz-switch/ibiz-switch.cjs

@@ -61,6 +61,12 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    const curDisabled = vue.computed(() => {
+      if (props.autoFocus) {
+        return false;
+      }
+      return props.disabled || props.readonly;
+    });
     const handleChange = (currentValue) => {
       const emitValue = currentValue === true ? 1 : 0;
       emit("change", emitValue);
@@ -71,6 +77,7 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
     return {
       ns,
       currentVal,
+      curDisabled,
       activeText,
       inactiveText,
       handleChange,
@@ -80,17 +87,21 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const attts = {
+      ...this.$attrs,
+      title: ""
+    };
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [vue.createVNode(vue.resolveComponent("el-switch"), vue.mergeProps({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
-      "disabled": this.disabled || this.readonly,
+      "disabled": this.curDisabled,
       "activeText": this.activeText,
       "inactiveText": this.inactiveText,
       "onChange": this.handleChange
-    }, this.$attrs), null)]);
+    }, attts), null)]);
   }
 });
 

package/lib/editor/text-box/ibiz-input-number/ibiz-input-number.css

@@ -1 +1 @@
-.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:left;border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input-number.is-without-controls .el-input__wrapper{padding-right:11px;padding-left:11px}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}
+.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:left;border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input-number.is-without-controls .el-input__wrapper{padding-right:11px;padding-left:11px}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:var(--ibiz-spacing-super-tight)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

package/lib/index.cjs

@@ -3,9 +3,9 @@
 var index$1 = require('./common/index.cjs');
 require('./control/index.cjs');
 var index$V = require('./panel-component/index.cjs');
-var index$13 = require('./editor/index.cjs');
+var index$14 = require('./editor/index.cjs');
 require('./view/index.cjs');
-var index$16 = require('./view-engine/index.cjs');
+var index$17 = require('./view-engine/index.cjs');
 require('./util/index.cjs');
 var index = require('./locale/index.cjs');
 require('./web-app/index.cjs');
@@ -101,11 +101,12 @@ var index$$ = require('./panel-component/split-container/index.cjs');
 var index$10 = require('./panel-component/panel-index-view-search/index.cjs');
 var index$11 = require('./panel-component/index-actions/index.cjs');
 var index$12 = require('./panel-component/user-action/index.cjs');
+var index$13 = require('./panel-component/custom-setting/index.cjs');
 var _404View = require('./view/404-view/404-view.cjs');
 var _403View = require('./view/403-view/403-view.cjs');
 var loginView = require('./view/login-view/login-view.cjs');
-var index$14 = require('./view/wf-step-trace-view/index.cjs');
-var index$15 = require('./view/sub-app-ref-view/index.cjs');
+var index$15 = require('./view/wf-step-trace-view/index.cjs');
+var index$16 = require('./view/sub-app-ref-view/index.cjs');
 var errorView = require('./view/error-view/error-view.cjs');
 var gridView_engine = require('./view-engine/grid-view.engine.cjs');
 var indexView_engine = require('./view-engine/index-view.engine.cjs');
@@ -126,14 +127,14 @@ var renderUtil = require('./util/render-util/render-util.cjs');
 var appUtil = require('./util/app-util/app-util.cjs');
 var authGuard = require('./web-app/guard/auth-guard/auth-guard.cjs');
 var main = require('./web-app/main.cjs');
-var index$17 = require('./web-app/router/index.cjs');
+var index$18 = require('./web-app/router/index.cjs');
 
 "use strict";
 
 exports.IBizCommonComponents = index$1.IBizCommonComponents;
 exports.IBizPanelComponents = index$V.IBizPanelComponents;
-exports.IBizEditor = index$13.IBizEditor;
-exports.IBizViewEngine = index$16.IBizViewEngine;
+exports.IBizEditor = index$14.IBizEditor;
+exports.IBizViewEngine = index$17.IBizViewEngine;
 exports.i18n = index.i18n;
 exports.DoingNotice = doingNotice.DoingNotice;
 exports.IBizCol = col.IBizCol;
@@ -231,11 +232,12 @@ exports.IBizSplitContainer = index$$.IBizSplitContainer;
 exports.IBizPanelIndexViewSearch = index$10.IBizPanelIndexViewSearch;
 exports.IBizIndexActions = index$11.IBizIndexActions;
 exports.IBizUserAction = index$12.IBizUserAction;
+exports.IBizCustomSetting = index$13.IBizCustomSetting;
 exports.View404 = _404View.View404;
 exports.View403 = _403View.View403;
 exports.LoginView = loginView.LoginView;
-exports.IBizWFStepTraceView = index$14.IBizWFStepTraceView;
-exports.IBizSubAppRefView = index$15.IBizSubAppRefView;
+exports.IBizWFStepTraceView = index$15.IBizWFStepTraceView;
+exports.IBizSubAppRefView = index$16.IBizSubAppRefView;
 exports.ErrorView = errorView.ErrorView;
 exports.GridViewEngine = gridView_engine.GridViewEngine;
 exports.IndexViewEngine = indexView_engine.IndexViewEngine;
@@ -256,4 +258,4 @@ exports.RenderUtil = renderUtil.RenderUtil;
 exports.AppUtil = appUtil.AppUtil;
 exports.AuthGuard = authGuard.AuthGuard;
 exports.runApp = main.runApp;
-exports.AppRouter = index$17.AppRouter;
+exports.AppRouter = index$18.AppRouter;

package/lib/locale/en/index.cjs

@@ -58,6 +58,11 @@ var index = {
     },
     subAppRefView: {
       jump: "Redirect"
+    },
+    shareView: {
+      inviting: "Inviting you to join the theme app!",
+      use: "Use",
+      cancel: "Cancel"
     }
   },
   viewEngine: {
@@ -107,7 +112,110 @@ var index = {
       currentNoData: "Current no data",
       updateSuccess: "Update success",
       newSuccCreated: "New successfully created",
-      deleteSuccess: "Delete successful"
+      deleteSuccess: "Delete successful",
+      customTheme: {
+        themeColor: "Theme color",
+        confirmCopyLink: "Confirm copy link",
+        preview: "Preview",
+        save: "Save",
+        reset: "Reset",
+        share: "Share",
+        typeface: "Typeface",
+        fontSize: "Word size",
+        fontWeight: "Word weight",
+        borderRadius: "Fillet",
+        height: "Height",
+        widthIcon: "Icon size",
+        spacing: "Spacing",
+        primaryColor: "Primary color",
+        primaryColorDesc: "Main colors, only used in situations that require strong emphasis",
+        primaryTextColor: "Main text color",
+        primaryTextColorDesc: "Main color text color, contrasting with background color",
+        primaryHoverColor: "Main floating colors",
+        primaryHoverColorDesc: "Main colors in suspended state",
+        primaryHoverTextColor: "Main floating text colors",
+        primaryHoverTextColorDesc: "The main color is the floating text color, which contrasts with the background color",
+        primaryActiveColor: "Main activation colors",
+        primaryActiveColorDesc: "Main color activation state",
+        primaryActiveTextColor: "Main activation text color",
+        primaryActiveTextColorDesc: "The main color is the activated text color, which contrasts with the background color",
+        primaryDisabledColor: "Mainly disable colors",
+        primaryDisabledColorDesc: "Main color disabled state",
+        primaryDisabledTextColor: "Mainly disable text color",
+        primaryDisabledTextColorDesc: "The main color is the disabled text color, which contrasts with the background color",
+        primaryLightDefaultColor: "Main light colors",
+        primaryLightDefaultColorDesc: "The main color of the light version (mostly used for background). Only used in situations that require strong emphasis",
+        primaryLightHoverColor: "Main light floating colors",
+        primaryLightHoverColorDesc: "Light version with main colors suspended",
+        primaryLightActiveColor: "Main light activation colors",
+        primaryLightActiveColorDesc: "Light version main color activation state",
+        textIcon: "Text/Icon color",
+        mainTextIconColor: "Text icon main color",
+        mianTextIconColorDesc: "Text/Icon colors - most important",
+        minorTextIconColor: "Text icon slightly less colored",
+        minorTextIconColorDesc: "Text/Icon color - slightly Minor",
+        secondaryTextIconColor: "Text icon secondary color",
+        secondaryTextIconColorDesc: "Text/Icon color - secondary",
+        lastTextIconColor: "Text icon minimum color",
+        lastTextIconColorDesc: "Text/Icon color - least significant",
+        linkColor: "Link color",
+        textLinkColor: "Text link color",
+        textLinkColorDesc: "Link color - Most important",
+        textLinkHoverColor: "Text link floating color",
+        textLinkHoverColorDesc: "Link color - Suspended",
+        textLinkActiveColor: "Text link activation color",
+        textLinkActiveColorDesc: "Link color - Active",
+        textLinkVisitedColor: "Text link visited color",
+        textLinkVisitedColorDesc: "Link color - Visited",
+        bgColor: "Background",
+        bgColorLowestLayer: "Bottom layer of background color",
+        bgColorLowestLayerDesc: "Background Color - Bottom Layer (Bottom Page)",
+        bgColorLowerLayer: "Lower layer of background color",
+        bgColorLowerLayerDesc: "Background color - lower level (content that needs to be improved on the page)",
+        bgColorCenterLayer: "Middle layer of background color",
+        bgColorCenterLayerDesc: "Background Color - Middle Layer (Modal and other containers)",
+        bgColorSecondaryUpperLayer: "Background color secondary upper layer",
+        bgColorSecondaryUpperLayerDesc: "Background Color - Secondary Layer (Notification, Toast, etc.)",
+        bgColorTopLayer: "Top layer of background color",
+        bgColorTopLayerDesc: "Background Color - Top (Special)",
+        fillColor: "Fill",
+        fillDefault: "Default fill color",
+        fillDefaultDesc: "Fill color - Default state",
+        fillHover: "Suspended fill color",
+        fillHoverDesc: "Fill color - Suspended",
+        fillActive: "Activate fill color",
+        fillActiveDesc: "Fill color - Active state",
+        border: "Border",
+        borderColor: "Border color",
+        borderColorDesc: "Default stroke color",
+        disabledState: "Disabled state",
+        disabledText: "Disable text color",
+        disabledTextDesc: "Disabled state - Text",
+        disabledTextBorder: "Disable stroke colors",
+        disabledTextBorderDesc: "Disabled state - stroke edge",
+        disabledBg: "Disable background color",
+        disabledBgDesc: "Disabled state - Background",
+        disabledFill: "Disable fill color",
+        disabledFillDesc: "Disabled state - Fill",
+        sidebar: "Sidebar",
+        sidebarBg: "Background color",
+        sidebarHoverBgColor: "Hover color",
+        sidebarSelectBgColor: "Selected color",
+        other: "Other",
+        sidebarColor: "Font Color",
+        top: "Top",
+        topBgColor: "Background color",
+        topColor: "Font Color",
+        topHoverBgColor: "Hover color",
+        topSelectBgColor: "Selected color",
+        grid: "Table",
+        gridHeaderBg: "Table header Background color",
+        gridHeaderColor: "Table header Font color",
+        gridRowBg: "Table row background color Bright",
+        gridRowBg2: "Table row background Dark color",
+        gridRowColor: "Table row font color",
+        gridRowHover: "Table row hover color"
+      }
     },
     menu: {
       noSupportAlign: "The menu direction {align} is not supported temporarily",
@@ -394,6 +502,10 @@ var index = {
         loadMore: "Load more({length})",
         onlyShowUnread: "Only show unread"
       }
+    },
+    customSetting: {
+      theme: "Custom Theme",
+      menu: "Custom Menu"
     }
   },
   // runTime

package/lib/locale/zh-CN/index.cjs

@@ -58,6 +58,11 @@ var index = {
     },
     subAppRefView: {
       jump: "\u8DF3\u8F6C"
+    },
+    shareView: {
+      inviting: "\u9080\u8BF7\u60A8\u52A0\u5165\u4E3B\u9898\u5E94\u7528\uFF01",
+      use: "\u5E94\u7528",
+      cancel: "\u53D6\u6D88"
     }
   },
   viewEngine: {
@@ -107,7 +112,110 @@ var index = {
       currentNoData: "\u6682\u65E0\u6570\u636E",
       updateSuccess: "\u66F4\u65B0\u6210\u529F",
       newSuccCreated: "\u65B0\u5EFA\u6210\u529F",
-      deleteSuccess: "\u5220\u9664\u6210\u529F"
+      deleteSuccess: "\u5220\u9664\u6210\u529F",
+      customTheme: {
+        themeColor: "\u4E3B\u9898\u8272",
+        confirmCopyLink: "\u786E\u8BA4\u62F7\u8D1D\u94FE\u63A5",
+        preview: "\u9884\u89C8",
+        save: "\u4FDD\u5B58",
+        reset: "\u91CD\u7F6E",
+        share: "\u5206\u4EAB",
+        typeface: "\u5B57\u4F53",
+        fontSize: "\u5B57\u53F7",
+        fontWeight: "\u5B57\u91CD",
+        borderRadius: "\u5706\u89D2",
+        height: "\u9AD8\u5EA6",
+        widthIcon: "\u56FE\u6807\u5C3A\u5BF8",
+        spacing: "\u95F4\u8DDD",
+        primaryColor: "\u4E3B\u8981\u989C\u8272",
+        primaryColorDesc: "\u4E3B\u8981\u989C\u8272,\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
+        primaryTextColor: "\u4E3B\u8981\u6587\u672C\u989C\u8272",
+        primaryTextColorDesc: "\u4E3B\u8981\u989C\u8272\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryHoverColor: "\u4E3B\u8981\u60AC\u6D6E\u989C\u8272",
+        primaryHoverColorDesc: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
+        primaryHoverTextColor: "\u4E3B\u8981\u60AC\u6D6E\u6587\u672C\u989C\u8272",
+        primaryHoverTextColorDesc: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryActiveColor: "\u4E3B\u8981\u6FC0\u6D3B\u989C\u8272",
+        primaryActiveColorDesc: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
+        primaryActiveTextColor: "\u4E3B\u8981\u6FC0\u6D3B\u6587\u672C\u989C\u8272",
+        primaryActiveTextColorDesc: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryDisabledColor: "\u4E3B\u8981\u7981\u7528\u989C\u8272",
+        primaryDisabledColorDesc: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001",
+        primaryDisabledTextColor: "\u4E3B\u8981\u7981\u7528\u6587\u672C\u989C\u8272",
+        primaryDisabledTextColorDesc: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryLightDefaultColor: "\u4E3B\u8981\u6D45\u7248\u989C\u8272",
+        primaryLightDefaultColorDesc: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\uFF08\u591A\u7528\u4E8E\u80CC\u666F\uFF09\u3002\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
+        primaryLightHoverColor: "\u4E3B\u8981\u6D45\u7248\u60AC\u6D6E\u8272",
+        primaryLightHoverColorDesc: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
+        primaryLightActiveColor: "\u4E3B\u8981\u6D45\u7248\u6FC0\u6D3B\u8272",
+        primaryLightActiveColorDesc: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
+        textIcon: "\u6587\u672C/\u56FE\u6807\u989C\u8272",
+        mainTextIconColor: "\u6587\u672C\u56FE\u6807\u4E3B\u8272",
+        mianTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u4E3B\u8981",
+        minorTextIconColor: "\u6587\u672C\u56FE\u6807\u7A0D\u6B21\u8272",
+        minorTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u7A0D\u6B21\u8981",
+        secondaryTextIconColor: "\u6587\u672C\u56FE\u6807\u6B21\u8272",
+        secondaryTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6B21\u8981",
+        lastTextIconColor: "\u6587\u672C\u56FE\u6807\u6700\u6B21\u8272",
+        lastTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u6B21\u8981",
+        linkColor: "\u94FE\u63A5\u989C\u8272",
+        textLinkColor: "\u6587\u672C\u94FE\u63A5\u8272",
+        textLinkColorDesc: "\u94FE\u63A5\u989C\u8272 - \u6700\u4E3B\u8981",
+        textLinkHoverColor: "\u6587\u672C\u94FE\u63A5\u60AC\u6D6E\u8272",
+        textLinkHoverColorDesc: "\u94FE\u63A5\u989C\u8272 - \u60AC\u6D6E\u6001",
+        textLinkActiveColor: "\u6587\u672C\u94FE\u63A5\u6FC0\u6D3B\u8272",
+        textLinkActiveColorDesc: "\u94FE\u63A5\u989C\u8272 - \u6FC0\u6D3B\u6001",
+        textLinkVisitedColor: "\u6587\u672C\u94FE\u63A5\u5DF2\u8BBF\u95EE\u8272",
+        textLinkVisitedColorDesc: "\u94FE\u63A5\u989C\u8272 - \u5DF2\u8BBF\u95EE",
+        bgColor: "\u80CC\u666F\u8272",
+        bgColorLowestLayer: "\u80CC\u666F\u8272\u6700\u4E0B\u5C42",
+        bgColorLowestLayerDesc: "\u80CC\u666F\u8272 - \u6700\u4E0B\u5C42\uFF08\u5E95\u90E8\u9875\u9762\uFF09",
+        bgColorLowerLayer: "\u80CC\u666F\u8272\u6B21\u4E0B\u5C42",
+        bgColorLowerLayerDesc: "\u80CC\u666F\u8272 - \u6B21\u4E0B\u5C42\uFF08\u9875\u9762\u4E2D\u9700\u8981\u63D0\u5347\u7684\u5185\u5BB9\uFF09",
+        bgColorCenterLayer: "\u80CC\u666F\u8272\u4E2D\u5C42",
+        bgColorCenterLayerDesc: "\u80CC\u666F\u8272 - \u4E2D\u95F4\u5C42\uFF08\u6A21\u6001\u7B49\u5BB9\u5668\uFF09",
+        bgColorSecondaryUpperLayer: "\u80CC\u666F\u8272\u6B21\u4E0A\u5C42",
+        bgColorSecondaryUpperLayerDesc: "\u80CC\u666F\u8272 - \u6B21\u4E0A\u5C42(\u901A\u77E5,Toast\u7B49)",
+        bgColorTopLayer: "\u80CC\u666F\u8272\u6700\u4E0A\u5C42",
+        bgColorTopLayerDesc: "\u80CC\u666F\u8272 - \u6700\u4E0A\u5C42\uFF08\u7279\u6B8A\uFF09",
+        fillColor: "\u586B\u5145\u8272",
+        fillDefault: "\u9ED8\u8BA4\u586B\u5145\u8272",
+        fillDefaultDesc: "\u586B\u5145\u8272 - \u9ED8\u8BA4\u6001",
+        fillHover: "\u60AC\u6D6E\u586B\u5145\u8272",
+        fillHoverDesc: "\u586B\u5145\u8272 - \u60AC\u6D6E\u6001",
+        fillActive: "\u6FC0\u6D3B\u586B\u5145\u8272",
+        fillActiveDesc: "\u586B\u5145\u8272 - \u6FC0\u6D3B\u6001",
+        border: "\u8FB9\u6846",
+        borderColor: "\u8FB9\u6846\u8272",
+        borderColorDesc: "\u9ED8\u8BA4\u63CF\u8FB9\u989C\u8272",
+        disabledState: "\u7981\u7528\u6001",
+        disabledText: "\u7981\u7528\u6587\u672C\u8272",
+        disabledTextDesc: "\u7981\u7528\u6001 - \u6587\u5B57",
+        disabledTextBorder: "\u7981\u7528\u63CF\u8FB9\u8272",
+        disabledTextBorderDesc: "\u7981\u7528\u6001 - \u63CF\u8FB9",
+        disabledBg: "\u7981\u7528\u80CC\u666F\u8272",
+        disabledBgDesc: "\u7981\u7528\u6001 - \u80CC\u666F",
+        disabledFill: "\u7981\u7528\u586B\u5145\u8272",
+        disabledFillDesc: "\u7981\u7528\u6001 - \u586B\u5145",
+        sidebar: "\u4FA7\u8FB9\u680F",
+        sidebarBg: "\u80CC\u666F",
+        sidebarHoverBgColor: "\u60AC\u6D6E\u8272",
+        sidebarSelectBgColor: "\u9009\u4E2D\u8272",
+        other: "\u5176\u4ED6",
+        sidebarColor: "\u5B57\u4F53\u989C\u8272",
+        top: "\u9876\u90E8",
+        topBgColor: "\u80CC\u666F",
+        topColor: "\u989C\u8272",
+        topHoverBgColor: "\u60AC\u6D6E\u8272",
+        topSelectBgColor: "\u9009\u4E2D\u8272",
+        grid: "\u8868\u683C",
+        gridHeaderBg: "\u8868\u683C\u5934\u80CC\u666F\u8272",
+        gridHeaderColor: "\u8868\u683C\u5934\u5B57\u4F53\u8272",
+        gridRowBg: "\u8868\u683C\u884C\u80CC\u666F\u8272\u4EAE\u8272",
+        gridRowBg2: "\u8868\u683C\u884C\u80CC\u666F\u8272\u6697\u8272",
+        gridRowColor: "\u8868\u683C\u884C\u5B57\u4F53\u8272",
+        gridRowHover: "\u8868\u683C\u884C\u60AC\u6D6E\u8272"
+      }
     },
     menu: {
       noSupportAlign: "\u6682\u672A\u652F\u6301\u83DC\u5355\u65B9\u5411\u4E3A {align}",
@@ -394,6 +502,10 @@ var index = {
         loadMore: "\u52A0\u8F7D\u66F4\u591A({length})",
         onlyShowUnread: "\u53EA\u663E\u793A\u672A\u8BFB"
       }
+    },
+    customSetting: {
+      theme: "\u81EA\u5B9A\u4E49\u4E3B\u9898",
+      menu: "\u81EA\u5B9A\u4E49\u83DC\u5355"
     }
   },
   // runTime

package/lib/panel-component/custom-setting/custom-setting-provider.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+
+"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 CustomSettingProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCustomSetting");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new runtime.PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+exports.CustomSettingProvider = CustomSettingProvider;

package/lib/panel-component/custom-setting/custom-setting.cjs

@@ -0,0 +1,107 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./custom-setting.css');
+
+"use strict";
+const CustomSetting = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCustomSetting",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("custom-setting");
+    const c = props.controller;
+    const visibleRef = vue.ref(false);
+    const imgConfig = {
+      CUSTOM: {
+        imagePath: "svg/custom-workbench.svg"
+      }
+    };
+    let sysImage = props.modelData.sysImage;
+    if (!sysImage && props.modelData && props.modelData.rawItem) {
+      const predefinedType = props.modelData.rawItem.predefinedType;
+      if (predefinedType) {
+        sysImage = imgConfig[predefinedType];
+      }
+    }
+    const funcList = [{
+      type: "menu",
+      caption: "\u81EA\u5B9A\u4E49\u83DC\u5355",
+      lang: "panelComponent.customSetting.menu",
+      // 国际化地址
+      visible: false
+    }, {
+      type: "theme",
+      caption: "\u81EA\u5B9A\u4E49\u4E3B\u9898",
+      lang: "panelComponent.customSetting.theme",
+      visible: true
+    }];
+    const clickCustomMenu = () => {
+    };
+    const clickCustomTheme = () => {
+      ibiz.util.theme.customTheme();
+    };
+    const clickCustomFunc = (key) => {
+      visibleRef.value = false;
+      switch (key) {
+        case "menu":
+          clickCustomMenu();
+          break;
+        case "theme":
+          clickCustomTheme();
+          break;
+      }
+    };
+    return {
+      ns,
+      c,
+      visibleRef,
+      sysImage,
+      funcList,
+      clickCustomFunc
+    };
+  },
+  render() {
+    return vue.createVNode(vue.resolveComponent("el-popover"), {
+      "ref": "popoverRef",
+      "visible": this.visibleRef,
+      "onUpdate:visible": ($event) => this.visibleRef = $event,
+      "trigger": "click",
+      "placement": "right",
+      "popper-class": this.ns.e("list-popover")
+    }, {
+      default: () => {
+        return vue.createVNode("div", {
+          "class": this.ns.e("set-list")
+        }, [this.funcList.map((item) => {
+          if (!item.visible)
+            return;
+          return vue.createVNode("div", {
+            "class": this.ns.em("set-list", "item"),
+            "onClick": () => this.clickCustomFunc(item.type)
+          }, [ibiz.i18n.t(item.lang)]);
+        })]);
+      },
+      reference: () => {
+        return vue.createVNode("div", {
+          "class": this.ns.b(),
+          "title": this.modelData.caption
+        }, [vue.createVNode(vue.resolveComponent("i-biz-icon"), {
+          "class": [this.ns.e("image")],
+          "icon": this.sysImage
+        }, null)]);
+      }
+    });
+  }
+});
+
+exports.CustomSetting = CustomSetting;

package/lib/panel-component/custom-setting/custom-setting.css

@@ -0,0 +1 @@
+.ibiz-custom-setting{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-custom-setting__image{display:flex;place-items:center center;justify-content:center;width:calc(var(--ibiz-width-icon-extra-large) + 4px);height:calc(var(--ibiz-width-icon-extra-large) + 4px);margin-bottom:var(--ibiz-spacing-extra-tight);cursor:pointer}.ibiz-custom-setting__list-popover.el-popper{padding:5px 0}.ibiz-custom-setting__set-list{width:150px}.ibiz-custom-setting__set-list--item{padding:5px 10px}.ibiz-custom-setting__set-list--item:hover{color:var(--ibiz-color-text-0);cursor:pointer;background-color:var(--ibiz-color-fill-1)}

package/lib/panel-component/custom-setting/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue3Util = require('@ibiz-template/vue3-util');
+var runtime = require('@ibiz-template/runtime');
+var customSetting = require('./custom-setting.cjs');
+var customSettingProvider = require('./custom-setting-provider.cjs');
+
+"use strict";
+const IBizCustomSetting = vue3Util.withInstall(customSetting.CustomSetting, function(v) {
+  v.component(customSetting.CustomSetting.name, customSetting.CustomSetting);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_CUSTOM",
+    () => new customSettingProvider.CustomSettingProvider()
+  );
+});
+
+exports.IBizCustomSetting = IBizCustomSetting;
+exports.default = IBizCustomSetting;

package/lib/panel-component/index-actions/index-actions.css

@@ -1 +1 @@
-.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative}.ibiz-index-actions.is-collapse::after{position:absolute;bottom:0;left:12px;width:32px;height:1px;content:"";background-color:var(--ibiz-color-primary-light-active);opacity:.5}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions .el-button{font-size:28px}.ibiz-index-actions .el-button:hover{background-color:transparent}
+.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative}.ibiz-index-actions.is-collapse::after{position:absolute;bottom:0;left:12px;width:32px;height:1px;content:"";background-color:var(--ibiz-color-primary-light-active);opacity:.5}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions .el-button{font-size:var(--ibiz-font-size-header-2)}.ibiz-index-actions .el-button:hover{background-color:transparent}