@ibiz-template/vue3-components 0.5.7-alpha.1 → 0.5.7-alpha.10

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -0,0 +1,187 @@
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-searchcond-edit.css';
+import { isNilOrEmpty } from 'qx-util';
+import { getOriginFilterNodes, parseFilters, calcSearchConds } from '@ibiz-template/runtime';
+
+"use strict";
+const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
+  name: "IBizSearchCondEdit",
+  props: getInputProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("searchcond-edit");
+    const c = props.controller;
+    const currentVal = ref(null);
+    const isEditable = ref(false);
+    const editorRef = ref();
+    const filterNodes = ref([]);
+    const filterButtonRef = ref();
+    let popover;
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal == null) {
+          currentVal.value = "";
+          filterNodes.value = getOriginFilterNodes();
+        } else if (typeof newVal === "string") {
+          currentVal.value = newVal;
+          if (newVal) {
+            try {
+              const searchconds = JSON.parse(newVal);
+              filterNodes.value = searchconds.map((item) => parseFilters(item));
+            } catch (error) {
+              ibiz.log.error("".concat(newVal, "\u503C\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5FC5\u987B\u4E3Ajson\u5B57\u7B26\u4E32"));
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const resetFilter = () => {
+      filterNodes.value = getOriginFilterNodes();
+    };
+    resetFilter();
+    const setEditable = (flag) => {
+      if (flag) {
+        isEditable.value = flag;
+      } else {
+        setTimeout(() => {
+          isEditable.value = flag;
+        }, 100);
+      }
+    };
+    const handleChange = (e) => {
+      emit("change", e);
+    };
+    if (props.autoFocus) {
+      watch(editorRef, (newVal) => {
+        if (newVal) {
+          const input = newVal.$el.getElementsByTagName("input")[0];
+          input.focus();
+        }
+      });
+    }
+    const onFocus = (e) => {
+      emit("focus", e);
+      setEditable(true);
+    };
+    const onBlur = (e) => {
+      emit("blur", e);
+      setEditable(false);
+    };
+    const handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        emit("enter", e);
+      }
+    };
+    const getCurrentValByFilterNodes = () => {
+      const searchconds = calcSearchConds(filterNodes.value);
+      if (searchconds) {
+        currentVal.value = JSON.stringify(searchconds, null, 2);
+      }
+    };
+    const onConfirm = () => {
+      getCurrentValByFilterNodes();
+      if (popover) {
+        popover.dismiss();
+      }
+      emit("change", currentVal.value);
+    };
+    const onCancel = () => {
+      resetFilter();
+      getCurrentValByFilterNodes();
+      emit("change", "");
+    };
+    const showFilter = async () => {
+      popover = ibiz.overlay.createPopover(() => {
+        return createVNode(resolveComponent("iBizFilterTreeControl"), {
+          "filterControllers": c.filterControllers,
+          "filterNodes": filterNodes.value,
+          "parent": "searchcond-edit",
+          "onConfirm": () => {
+            onConfirm();
+          },
+          "onCancel": () => {
+            onCancel();
+          }
+        }, null);
+      }, void 0, {
+        placement: "bottom-end",
+        autoClose: true
+      });
+      popover.present(filterButtonRef.value.$el);
+      await popover.onWillDismiss();
+      popover = void 0;
+    };
+    const triggerFilter = () => {
+      if (popover) {
+        popover.dismiss();
+      } else {
+        showFilter();
+      }
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      onFocus,
+      onBlur,
+      editorRef,
+      handleKeyUp,
+      isEditable,
+      setEditable,
+      showFormDefaultContent,
+      filterNodes,
+      triggerFilter,
+      filterButtonRef,
+      resetFilter
+    };
+  },
+  render() {
+    let content = null;
+    if (this.readonly) {
+      content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
+    } else {
+      content = [createVNode(resolveComponent("el-input"), {
+        "ref": "editorRef",
+        "class": [this.ns.b("input")],
+        "model-value": this.currentVal,
+        "type": "textarea",
+        "rows": 10,
+        "placeholder": this.c.placeHolder,
+        "disabled": this.disabled,
+        "controls": false,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur,
+        "onKeyup": this.handleKeyUp
+      }, null), createVNode(resolveComponent("el-button"), {
+        "ref": "filterButtonRef",
+        "type": "primary",
+        "title": "\u7F16\u8F91",
+        "class": this.ns.b("filter"),
+        "onClick": () => this.triggerFilter()
+      }, {
+        default: () => [createVNode(resolveComponent("iBizIcon"), {
+          "icon": {
+            cssClass: "fa fa-edit"
+          }
+        }, null)]
+      })];
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
+    }, [content]);
+  }
+});
+
+export { IBizSearchCondEdit };

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.d.ts

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IPicker } from '@ibiz/model-core';
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller';
+/**
+ * 搜索过滤项编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class SearchCondEditEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SearchCondEditEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IPicker, parentController: IEditorContainerController): Promise<SearchCondEditEditorController>;
+}

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.mjs

@@ -0,0 +1,22 @@
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller.mjs';
+
+"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 SearchCondEditEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSearchCondEdit");
+    __publicField(this, "gridEditor", "IBizSearchCondEdit");
+  }
+  async createController(editorModel, parentController) {
+    const c = new SearchCondEditEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { SearchCondEditEditorProvider };

package/es/editor/user/ibiz-searchcond-edit/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ibiz-searchcond-edit.controller';
+export * from './ibiz-searchcond-edit.provider';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit';

package/es/editor/user/ibiz-searchcond-edit/index.mjs

@@ -0,0 +1,5 @@
+export { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller.mjs';
+export { SearchCondEditEditorProvider } from './ibiz-searchcond-edit.provider.mjs';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit.mjs';
+
+"use strict";

package/es/editor/user/index.d.ts

@@ -0,0 +1 @@
+export * from './ibiz-searchcond-edit';

package/es/editor/user/index.mjs

@@ -0,0 +1,6 @@
+import './ibiz-searchcond-edit/index.mjs';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit/ibiz-searchcond-edit.mjs';
+export { SearchCondEditEditorController } from './ibiz-searchcond-edit/ibiz-searchcond-edit.controller.mjs';
+export { SearchCondEditEditorProvider } from './ibiz-searchcond-edit/ibiz-searchcond-edit.provider.mjs';
+
+"use strict";

package/es/index.d.ts

@@ -6,7 +6,6 @@ export * from './editor';
 export * from './view';
 export * from './view-engine';
 export * from './util';
-export { devtool } from './devtool';
 export { i18n } from './locale';
 declare const _default: {
     install: (v: App) => void;

package/es/index.mjs

@@ -8,7 +8,6 @@ import { iBizI18n } from './locale/index.mjs';
 export { i18n } from './locale/index.mjs';
 import { IBizViewEngine } from './view-engine/index.mjs';
 import './util/index.mjs';
-export { devtool } from './devtool/index.mjs';
 import { IBizWFStepTraceView } from './view/wf-step-trace-view/index.mjs';
 import { IBizSubAppRefView } from './view/sub-app-ref-view/index.mjs';
 import { IBizDataViewControl } from './control/data-view/index.mjs';
@@ -45,6 +44,7 @@ import { IBizMapControl } from './control/map/index.mjs';
 import { IBizReportPanelControl } from './control/report-panel/index.mjs';
 import { IBizGanttControl } from './control/gantt/index.mjs';
 import { IBizContextMenuControl } from './control/context-menu/index.mjs';
+export { DoingNotice } from './common/doing-notice/doing-notice.mjs';
 export { IBizCol } from './common/col/col.mjs';
 export { IBizRow } from './common/row/row.mjs';
 export { IBizActionToolbar } from './common/action-toolbar/action-toolbar.mjs';
@@ -117,6 +117,7 @@ export { NotificationUtil } from './util/notification-util/notification-util.mjs
 export { OpenViewUtil } from './util/open-view-util/open-view-util.mjs';
 export { OverlayController } from './util/overlay-controller/overlay-controller.mjs';
 export { usePagination } from './util/pagination/use-pagination.mjs';
+export { NoticeUtil } from './util/notice-util/notice-util.mjs';
 
 "use strict";
 var index = {

package/es/panel-component/auth-userinfo/auth-userinfo.css

@@ -1 +1 @@
-.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{position:relative;top:12px}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:35px}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:24px;max-height:24px}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{max-width:44px;max-height:44px;margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-font-size-header-6)}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:10px;font-size:var(--ibiz-font-size-small)}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}
+.ibiz-user-info{--ibiz-user-info-padding:0 var(--ibiz-spacing-loose);--ibiz-user-info-color:var(--ibiz-color-text-0);display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.ibiz-user-info .el-dropdown{width:100%;padding:var(--ibiz-user-info-padding);cursor:pointer}.ibiz-user-info.is-left .ibiz-user-info__down{position:relative;top:12px}.ibiz-user-info.is-top .ibiz-user-info__down{margin-left:35px}.ibiz-user-info.is-top .ibiz-user-info-avatar{max-width:24px;max-height:24px}.ibiz-user-info.is-collapse .el-dropdown{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-user-info.is-collapse .ibiz-user-info-avatar{max-width:32px;max-height:32px;margin:0}.ibiz-user-info-avatar{max-width:44px;max-height:44px;margin-right:10px}.ibiz-user-info-info{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--ibiz-user-info-color)}.ibiz-user-info-name__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:var(--ibiz-font-size-header-6);line-height:1.3}.ibiz-user-info-name__person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin-top:10px;font-size:var(--ibiz-font-size-small);line-height:1.2}.ibiz-user-info-label{display:flex;align-items:center;justify-content:flex-start;font-size:var(--ibiz-user-info-font-size);color:var(--ibiz-user-info-color);outline:0}

package/es/panel-component/index.mjs

@@ -16,6 +16,7 @@ import { IBizPanelRememberMe } from './panel-remember-me/index.mjs';
 import { IBizIndexActions } from './index-actions/index.mjs';
 import { IBizUserMessage } from './user-message/index.mjs';
 import { IBizSearchFormButtons } from './searchform-buttons/index.mjs';
+import { IBizViewMessage } from './view-message/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -55,6 +56,7 @@ const IBizPanelComponents = {
     v.use(IBizPanelContainerImage);
     v.use(IBizSearchFormButtons);
     v.use(IBizPanelItemRender);
+    v.use(IBizViewMessage);
   }
 };
 

package/es/panel-component/panel-app-login-view/index.d.ts

@@ -13,6 +13,7 @@ export declare const IBizPanelAppLoginView: import("@ibiz-template/vue3-util").T
 }, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
+    cssVars: import("vue").ComputedRef<Record<string, string>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;

package/es/panel-component/panel-app-login-view/panel-app-login-view.css

@@ -1 +1 @@
-.ibiz-panel-app-login-view{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-panel-app-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-panel-app-login-view .el-button{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:url(assets/images/login-header.png);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:28%;left:50%;height:auto;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:#fff}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__prefix{width:20px;margin-left:-1px}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:16px}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:url(assets/images/login-avatar.png);background-size:100% 100%;border:4px solid #fff;border-radius:50%}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{font-weight:300;letter-spacing:2px}
+.ibiz-panel-app-login-view{--ibiz-panel-app-login-view-header-url:url("/assets/images/login-header.png");--ibiz-panel-app-login-view-avatar-url:url("/assets/images/login-avatar.png");display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-panel-app-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-panel-app-login-view .el-button{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:var(--ibiz-panel-app-login-view-header-url);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:28%;left:50%;height:auto;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:#fff}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__prefix{width:20px;margin-left:-1px}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:16px}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--ibiz-panel-app-login-view-avatar-url);background-size:100% 100%;border:4px solid #fff;border-radius:50%}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{font-weight:300;letter-spacing:2px}

package/es/panel-component/panel-app-login-view/panel-app-login-view.d.ts

@@ -14,6 +14,7 @@ export declare const PanelAppLoginView: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     classArr: import("vue").ComputedRef<(string | false)[]>;
+    cssVars: import("vue").ComputedRef<Record<string, string>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelContainer>;

package/es/panel-component/panel-app-login-view/panel-app-login-view.mjs

@@ -29,9 +29,25 @@ const PanelAppLoginView = /* @__PURE__ */ defineComponent({
       result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
       return result;
     });
+    const cssVars = computed(() => {
+      let styles = {};
+      const pathName = window.location.pathname;
+      if (pathName) {
+        const lastIndex = pathName.lastIndexOf("/");
+        if (lastIndex !== -1) {
+          const path = pathName.substring(0, lastIndex + 1);
+          styles = {
+            "header-url": "url('".concat(path, "assets/images/login-header.png')"),
+            "avatar-url": "url('".concat(path, "assets/images/login-avatar.png')")
+          };
+        }
+      }
+      return ns.cssVarBlock(styles);
+    });
     return {
       ns,
-      classArr
+      classArr,
+      cssVars
     };
   },
   render() {
@@ -57,6 +73,7 @@ const PanelAppLoginView = /* @__PURE__ */ defineComponent({
     });
     return createVNode("div", {
       "class": this.classArr,
+      "style": this.cssVars,
       "onClick": () => {
         this.controller.onClick();
       }

package/es/panel-component/panel-button/index.d.ts

@@ -17,7 +17,10 @@ export declare const IBizPanelButton: import("@ibiz-template/vue3-util").TypeWit
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;
     state: import("./panel-button.state").PanelButtonState;
+    tooltip: string | undefined;
     handleButtonClick: (event: MouseEvent) => Promise<void>;
+    buttonCssStyle: string | undefined;
+    tempStyle: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IPanelButton>;

package/es/panel-component/panel-button/panel-button.d.ts

@@ -20,7 +20,10 @@ export declare const PanelButton: import("vue").DefineComponent<{
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;
     state: import("./panel-button.state").PanelButtonState;
+    tooltip: string | undefined;
     handleButtonClick: (event: MouseEvent) => Promise<void>;
+    buttonCssStyle: string | undefined;
+    tempStyle: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelButton>;

package/es/panel-component/panel-button/panel-button.mjs

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelButtonController } from './panel-button.controller.mjs';
 import './panel-button.css';
@@ -25,12 +25,18 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       showCaption,
       sysImage,
       codeName,
-      itemStyle
+      itemStyle,
+      tooltip,
+      buttonCssStyle
     } = props.modelData;
     const {
       panel,
       state
     } = props.controller;
+    const tempStyle = ref("");
+    if (buttonCssStyle) {
+      tempStyle.value = buttonCssStyle;
+    }
     const captionText = computed(() => {
       if (captionItemName && panel.data) {
         return panel.data[captionItemName.toLowerCase()];
@@ -80,16 +86,21 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       sysImage,
       codeName,
       state,
-      handleButtonClick
+      tooltip,
+      handleButtonClick,
+      buttonCssStyle,
+      tempStyle
     };
   },
   render() {
     if (this.state.visible) {
       return createVNode("div", {
-        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), ...this.controller.containerClass]
+        "class": [this.ns.b(), this.ns.m(this.codeName), this.ns.is("loading", this.state.loading), ...this.controller.containerClass],
+        "style": this.tempStyle
       }, [createVNode(resolveComponent("el-button"), {
         "type": this.buttonType,
         "text": this.isText,
+        "title": this.tooltip,
         "disabled": this.state.disabled,
         "loading": this.state.loading,
         "onClick": this.handleButtonClick

package/es/panel-component/user-message/async-action/async-action/async-action.d.ts

@@ -1,20 +1,34 @@
 import { PropType } from 'vue';
 import { IPortalAsyncAction } from '@ibiz-template/core';
 import './async-action.scss';
+import { IAsyncActionProvider } from '@ibiz-template/runtime';
 export declare const AsyncAction: import("vue").DefineComponent<{
-    message: {
+    action: {
         type: PropType<IPortalAsyncAction>;
         required: true;
     };
+    provider: {
+        type: PropType<IAsyncActionProvider>;
+        required: true;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     showErrorInfo: import("vue").ComputedRef<boolean | "">;
     clickable: import("vue").ComputedRef<boolean>;
     actionstate: import("vue").ComputedRef<10 | 20 | 30 | 40>;
     progressText: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    message: {
+    onClick: (event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    action: {
         type: PropType<IPortalAsyncAction>;
         required: true;
     };
-}>>, {}, {}>;
+    provider: {
+        type: PropType<IAsyncActionProvider>;
+        required: true;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+}, {}, {}>;

package/es/panel-component/user-message/async-action/async-action/async-action.mjs

@@ -19,40 +19,58 @@ const stateType = {
 const AsyncAction = /* @__PURE__ */ defineComponent({
   name: "IBizAsyncAction",
   props: {
-    message: {
+    action: {
+      type: Object,
+      required: true
+    },
+    provider: {
       type: Object,
       required: true
     }
   },
-  setup(props) {
+  emits: {
+    close: () => true
+  },
+  setup(props, {
+    emit
+  }) {
     const ns = useNamespace("async-action");
-    const hasObjResult = computed(() => isObject(props.message.actionresult));
+    const hasObjResult = computed(() => isObject(props.action.actionresult));
     const clickable = computed(() => {
-      return !props.message.actiontype || hasObjResult.value;
+      return !props.action.actiontype || hasObjResult.value;
     });
     const showErrorInfo = computed(() => {
-      return props.message.actiontype && isString(props.message.actionresult);
+      return props.action.actiontype && isString(props.action.actionresult);
     });
     const actionstate = computed(() => {
       if (hasObjResult.value) {
-        const result = props.message.actionresult;
+        const result = props.action.actionresult;
         const errorNum = result.total - result.success;
         if (errorNum > 0) {
           return 40;
         }
         return 30;
       }
-      return props.message.actionstate;
+      return props.action.actionstate;
     });
     const progressText = computed(() => {
-      return !props.message.completionrate ? "" : "(".concat(props.message.completionrate, "%)");
+      return !props.action.completionrate ? "" : "(".concat(props.action.completionrate, "%)");
     });
+    const onClick = async (event) => {
+      if (props.provider.onClick) {
+        const isClose = await props.provider.onClick(props.action, event);
+        if (isClose) {
+          emit("close");
+        }
+      }
+    };
     return {
       ns,
       showErrorInfo,
       clickable,
       actionstate,
-      progressText
+      progressText,
+      onClick
     };
   },
   render() {
@@ -60,9 +78,10 @@ const AsyncAction = /* @__PURE__ */ defineComponent({
       asyncacitonname,
       begintime,
       stepinfo = "\u8FDB\u884C\u4E2D"
-    } = this.message;
+    } = this.action;
     return createVNode("div", {
-      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""]
+      "class": [this.ns.b(), this.clickable ? this.ns.m("clickable") : ""],
+      "onClick": this.onClick
     }, [createVNode("div", {
       "class": this.ns.b("left")
     }, [createVNode("ion-icon", {
@@ -72,9 +91,9 @@ const AsyncAction = /* @__PURE__ */ defineComponent({
     }, [createVNode("div", {
       "class": this.ns.e("caption")
     }, [asyncacitonname]), this.showErrorInfo && createVNode("div", {
-      "title": this.message.actionresult,
+      "title": this.action.actionresult,
       "class": this.ns.e("error-info")
-    }, [this.message.actionresult]), this.actionstate === 20 ? createVNode("div", {
+    }, [this.action.actionresult]), this.actionstate === 20 ? createVNode("div", {
       "class": this.ns.e("progress")
     }, [stepinfo, this.progressText]) : createVNode("div", {
       "class": this.ns.e("begin-time")
@@ -84,11 +103,11 @@ const AsyncAction = /* @__PURE__ */ defineComponent({
       "type": stateType[this.actionstate]
     }, {
       default: () => [stateTexts[this.actionstate]]
-    })]), this.actionstate === 20 && !!this.message.completionrate && createVNode("div", {
+    })]), this.actionstate === 20 && !!this.action.completionrate && createVNode("div", {
       "class": this.ns.b("loading-warp")
     }, [createVNode("div", {
       "class": this.ns.be("loading-warp", "inner"),
-      "style": "width:".concat(this.message.completionrate, "%;")
+      "style": "width:".concat(this.action.completionrate, "%;")
     }, null)])]);
   }
 });

package/es/panel-component/user-message/async-action/async-action/async-action.provider.d.ts

@@ -1,6 +1,39 @@
 import { IPortalAsyncAction } from '@ibiz-template/core';
 import { IAsyncActionProvider } from '@ibiz-template/runtime';
+import { VNode } from 'vue';
 export declare class AsyncActionProvider implements IAsyncActionProvider {
-    component: string;
-    onClick(asyncAction: IPortalAsyncAction, _event: MouseEvent): boolean;
+    component: import("vue").DefineComponent<{
+        action: {
+            type: import("vue").PropType<IPortalAsyncAction>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<IAsyncActionProvider>;
+            required: true;
+        };
+    }, {
+        ns: import("@ibiz-template/core").Namespace;
+        showErrorInfo: import("vue").ComputedRef<boolean | "">;
+        clickable: import("vue").ComputedRef<boolean>;
+        actionstate: import("vue").ComputedRef<10 | 20 | 30 | 40>;
+        progressText: import("vue").ComputedRef<string>;
+        onClick: (event: MouseEvent) => Promise<void>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: import("vue").PropType<IPortalAsyncAction>;
+            required: true;
+        };
+        provider: {
+            type: import("vue").PropType<IAsyncActionProvider>;
+            required: true;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    render(props: IData & {
+        action: IPortalAsyncAction;
+    }): VNode;
+    onClick(asyncAction: IPortalAsyncAction, _event: MouseEvent): Promise<boolean>;
 }