@ibiz-template/vue3-util 0.7.41-alpha.4 → 0.7.41-alpha.41

package/es/common/badge/badge.css

@@ -1 +1 @@
-.ibiz-badge{display:inline-block;width:var(--ibiz-width-icon-large);height:var(--ibiz-width-icon-large);line-height:var(--ibiz-width-icon-large);color:var(--ibiz-color-danger-text);background-color:var(--ibiz-badge-bg-color);border-radius:var(--ibiz-border-radius-circle)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}
+.ibiz-badge{--ibiz-badge-bg-color:var(--ibiz-color-danger);--ibiz-badge-height:18px;--ibiz-badge-border-radius:10px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:var(--ibiz-badge-height);padding:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-small);line-height:normal;color:var(--ibiz-color-danger-text);white-space:nowrap;background-color:var(--ibiz-badge-bg-color);border:1px solid transparent;border-radius:var(--ibiz-badge-border-radius)}.ibiz-badge--danger{--ibiz-badge-bg-color:var(--ibiz-color-danger)}.ibiz-badge--success{--ibiz-badge-bg-color:var(--ibiz-color-success)}.ibiz-badge--warning{--ibiz-badge-bg-color:var(--ibiz-color-warning)}.ibiz-badge--info{--ibiz-badge-bg-color:var(--ibiz-color-info)}.ibiz-badge--primary{--ibiz-badge-bg-color:var(--ibiz-color-primary)}.ibiz-badge.is-mob{--ibiz-panel-badge-text-color:var(--ibiz-color-white);--ibiz-panel-badge-font-weight:600;--ibiz-panel-badge-height:1.125rem;--ibiz-panel-badge-border-radius:0.625rem;font-weight:var(--ibiz-panel-badge-font-weight);color:var(--ibiz-panel-badge-text-color)}

package/es/common/badge/badge.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import './badge.scss';
-export declare const IBizBadge: import("vue").DefineComponent<{
+export declare const IBizBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         required: true;
@@ -16,9 +16,9 @@ export declare const IBizBadge: import("vue").DefineComponent<{
     counterMode: {
         type: NumberConstructor;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         required: true;
@@ -34,8 +34,8 @@ export declare const IBizBadge: import("vue").DefineComponent<{
     counterMode: {
         type: NumberConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     type: "primary" | "success" | "warning" | "danger" | "info";
     max: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=badge.d.ts.map

package/es/common/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/common/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsCpB,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/common/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEhD,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4CpB,CAAC"}

package/es/common/badge/badge.mjs

@@ -37,7 +37,7 @@ const IBizBadge = /* @__PURE__ */ defineComponent({
       return;
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.m(this.type)]
+      "class": [this.ns.b(), this.ns.m(this.type), this.ns.is("mob", ibiz.env.isMob)]
     }, [this.value > this.max ? "".concat(this.max, "+") : this.value]);
   }
 });

package/es/common/code-list/code-list.d.ts

@@ -2,7 +2,7 @@ import { CodeListItem } from '@ibiz-template/runtime';
 import { PropType } from 'vue';
 import { IAppCodeList } from '@ibiz/model-core';
 import './code-list.scss';
-export declare const IBizCodeList: import("vue").DefineComponent<{
+export declare const IBizCodeList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     codeListItems: {
         type: {
             (arrayLength: number): CodeListItem[];
@@ -40,14 +40,14 @@ export declare const IBizCodeList: import("vue").DefineComponent<{
         type: PropType<"DEFAULT" | "ICON" | "TEXT">;
         default: string;
     };
-}, {
-    items: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
+}>, {
+    items: import("vue").Ref<import("@ibiz-template/core").IApiData[], import("@ibiz-template/core").IApiData[]>;
     ns: import("@ibiz-template/core").Namespace;
     emptyText: string;
     textSeparator: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     infoTextChange: (_text: string) => true;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     codeListItems: {
         type: {
             (arrayLength: number): CodeListItem[];
@@ -85,10 +85,10 @@ export declare const IBizCodeList: import("vue").DefineComponent<{
         type: PropType<"DEFAULT" | "ICON" | "TEXT">;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onInfoTextChange?: ((_text: string) => any) | undefined;
-}, {
+}>, {
     convertToCodeItemText: boolean;
     showMode: "DEFAULT" | "ICON" | "TEXT";
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=code-list.d.ts.map

package/es/common/code-list/code-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-list.d.ts","sourceRoot":"","sources":["../../../src/common/code-list/code-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAIb,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAmB,QAAQ,EAAwB,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,kBAAkB,CAAC;AAG1B,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA6BG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6IhC,CAAC"}
+{"version":3,"file":"code-list.d.ts","sourceRoot":"","sources":["../../../src/common/code-list/code-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAIb,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAmB,QAAQ,EAAwB,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,kBAAkB,CAAC;AAG1B,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA6BG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA6IhC,CAAC"}

package/es/common/code-list/code-list.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
 import { useCalcOrMode, calcThresholdRange } from '@ibiz-template/runtime';
 import { isNil } from 'ramda';
 import { isNumber } from 'lodash-es';

package/es/common/control-base/control-base.css

@@ -1 +1 @@
-.ibiz-control{width:100%;height:100%}.ibiz-control__control-render{width:100%;height:100%}
+.ibiz-control{--ibiz-control-base-scrollbar-width:0px;--ibiz-control-base-mask-text-color:var(--ibiz-color-primary-text);--ibiz-control-base-mask-background-color-blank:transparent;--ibiz-control-base-mask-background-color-mask:rgba(0, 0, 0, 0.5);width:100%;height:100%}.ibiz-control__control-render{width:100%;height:100%}.ibiz-control.is-disabled{position:relative}.ibiz-control__mask-container{position:absolute;top:0;left:0;z-index:10;width:calc(100% - var(--ibiz-control-base-scrollbar-width));height:100%}.ibiz-control--blank{background-color:var(--ibiz-control-base-mask-background-color-blank)}.ibiz-control--mask{color:var(--ibiz-control-base-mask-text-color);background-color:var(--ibiz-control-base-mask-background-color-mask);display:flex;align-items:center;justify-content:center}

package/es/common/control-base/control-base.d.ts

@@ -1,2 +1,3 @@
+import './control-base.scss';
 export declare const IBizControlBase: any;
 //# sourceMappingURL=control-base.d.ts.map

package/es/common/control-base/control-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-base.d.ts","sourceRoot":"","sources":["../../../src/common/control-base/control-base.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe,EAAE,GA2N5B,CAAC"}
+{"version":3,"file":"control-base.d.ts","sourceRoot":"","sources":["../../../src/common/control-base/control-base.tsx"],"names":[],"mappings":"AAsBA,OAAO,qBAAqB,CAAC;AAG7B,eAAO,MAAM,eAAe,EAAE,GA4R5B,CAAC"}

package/es/common/control-base/control-base.mjs

@@ -1,8 +1,9 @@
-import { defineComponent, reactive, createVNode, resolveComponent, computed, h } from 'vue';
-import { ScriptFactory } from '@ibiz-template/runtime';
+import { defineComponent, resolveComponent, h, createVNode, reactive, computed } from 'vue';
+import { ScriptFactory, PredefinedControlRender } from '@ibiz-template/runtime';
 import { fixJsonString } from '@ibiz-template/core';
 import { isNil } from 'ramda';
 import '../../use/index.mjs';
+import './control-base.css';
 import { useNamespace } from '../../use/namespace/namespace.mjs';
 
 "use strict";
@@ -72,7 +73,7 @@ const IBizControlBase = /* @__PURE__ */ defineComponent({
     };
     const getControlRender = (data) => {
       var _a, _b;
-      const controlRenders = model.controlRenders ? model.controlRenders.filter((item) => item.id !== "emptypanel") : void 0;
+      const controlRenders = model.controlRenders ? model.controlRenders.filter((item) => !Object.values(PredefinedControlRender).includes(item.id)) : void 0;
       if (!controlRenders || controlRenders.length === 0) {
         return void 0;
       }
@@ -105,6 +106,36 @@ const IBizControlBase = /* @__PURE__ */ defineComponent({
       const data = props.controller.data || props.controller.items;
       return getControlRender(data);
     });
+    const disableMaskInfoRender = () => {
+      const disableRender = model.controlRenders ? model.controlRenders.find((item) => item.id === PredefinedControlRender.DISABLEPANEL) : void 0;
+      if (!disableRender) {
+        return createVNode("div", {
+          "innerHTML": props.controller.state.maskOption.maskInfo || "",
+          "class": [ns.e("disable-mask-text")]
+        }, null);
+      }
+      if (disableRender.renderType === "LAYOUTPANEL_MODEL" && disableRender.layoutPanelModel) {
+        const htmlCode = ScriptFactory.execScriptFn({
+          ...props.controller.getEventArgs()
+        }, disableRender.layoutPanelModel, {
+          isAsync: false,
+          singleRowReturn: true
+        });
+        return createVNode("div", {
+          "innerHTML": htmlCode,
+          "class": [ns.e("disable-mask-text")]
+        }, null);
+      }
+      if (disableRender.renderType === "LAYOUTPANEL" && disableRender.layoutPanel) {
+        return createVNode(resolveComponent("iBizControlShell"), {
+          "class": [ns.e("disable-mask-text")],
+          "data": {},
+          "params": props.controller.params,
+          "context": props.controller.context,
+          "modelData": disableRender.layoutPanel
+        }, null);
+      }
+    };
     return {
       ns,
       typeClass,
@@ -113,6 +144,7 @@ const IBizControlBase = /* @__PURE__ */ defineComponent({
       codeName,
       controls,
       customRender,
+      disableMaskInfoRender,
       onLayoutPanelCreated
     };
   },
@@ -162,9 +194,11 @@ const IBizControlBase = /* @__PURE__ */ defineComponent({
       }, slots);
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.ns.b(this.typeClass), this.ns.m(this.codeName), this.sysCssName],
+      "class": [this.ns.b(), this.ns.b(this.typeClass), this.ns.m(this.codeName), this.sysCssName, this.ns.is("disabled", state.disabled)],
       "style": this.inlineStyle
-    }, [layoutPanel || this.customRender || ((_c = (_b = this.$slots).default) == null ? void 0 : _c.call(_b))]);
+    }, [layoutPanel || this.customRender || ((_c = (_b = this.$slots).default) == null ? void 0 : _c.call(_b)), state.disabled && createVNode("div", {
+      "class": [this.ns.e("mask-container"), this.ns.m(state.maskOption.mode.toLowerCase())]
+    }, [state.maskOption.mode === "MASK" && this.disableMaskInfoRender()])]);
   }
 });
 

package/es/common/control-loading-placeholder/control-loading-placeholder.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare const ControlLoadingPlaceholder: import("vue").DefineComponent<{
+export declare const ControlLoadingPlaceholder: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
@@ -12,7 +12,7 @@ export declare const ControlLoadingPlaceholder: import("vue").DefineComponent<{
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
@@ -25,7 +25,7 @@ export declare const ControlLoadingPlaceholder: import("vue").DefineComponent<{
         type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
-}>>, {
+}>> & Readonly<{}>, {
     params: import("@ibiz-template/core").IApiParams;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=control-loading-placeholder.d.ts.map

package/es/common/control-loading-placeholder/control-loading-placeholder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-loading-placeholder.d.ts","sourceRoot":"","sources":["../../../src/common/control-loading-placeholder/control-loading-placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAExD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkBpC,CAAC"}
+{"version":3,"file":"control-loading-placeholder.d.ts","sourceRoot":"","sources":["../../../src/common/control-loading-placeholder/control-loading-placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,QAAQ,EAAE,MAAM,KAAK,CAAC;AAExD,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAkBpC,CAAC"}

package/es/common/control-shell/control-shell.d.ts

@@ -2,20 +2,20 @@ import { IControlProvider } from '@ibiz-template/runtime';
 import { PropType } from 'vue';
 import './control-shell.scss';
 import { IControl } from '@ibiz/model-core';
-export declare const IBizControlShell: import("vue").DefineComponent<{
+export declare const IBizControlShell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IControl>;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
-    isComplete: import("vue").Ref<boolean>;
-    errMsg: import("vue").Ref<string>;
-    provider: import("vue").Ref<IControlProvider | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isComplete: import("vue").Ref<boolean, boolean>;
+    errMsg: import("vue").Ref<string, string>;
+    provider: import("vue").Ref<IControlProvider | undefined, IControlProvider | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IControl>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=control-shell.d.ts.map

package/es/common/control-shell/control-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-shell.d.ts","sourceRoot":"","sources":["../../../src/common/control-shell/control-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAIL,QAAQ,EAIT,MAAM,KAAK,CAAC;AACb,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAY,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAItD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;YAkE3B,CAAC"}
+{"version":3,"file":"control-shell.d.ts","sourceRoot":"","sources":["../../../src/common/control-shell/control-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAIL,QAAQ,EAIT,MAAM,KAAK,CAAC;AACb,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAY,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAItD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;iGAkE3B,CAAC"}

package/es/common/control-shell/control-shell.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, inject, provide, ref, h, resolveComponent, withDirectives, createVNode, resolveDirective } from 'vue';
+import { defineComponent, h, resolveComponent, withDirectives, createVNode, resolveDirective, inject, provide, ref } from 'vue';
 import { ViewType, ViewController, getControlProvider } from '@ibiz-template/runtime';
 import './control-shell.css';
 import { IBizContext } from '@ibiz-template/core';

package/es/common/custom-render/custom-render.d.ts

@@ -1,18 +1,18 @@
 import { PropType, VNode } from 'vue';
 import { ControlController } from '@ibiz-template/runtime';
 import './custom-render.scss';
-export declare const IBizCustomRender: import("vue").DefineComponent<{
+export declare const IBizCustomRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     controller: {
         type: PropType<ControlController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IControlState, import("@ibiz-template/runtime").IControlEvent>>;
         required: true;
     };
-}, {
+}>, {
     ns: import("@ibiz-template/core").Namespace;
     getControlRender: () => VNode | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: PropType<ControlController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IControlState, import("@ibiz-template/runtime").IControlEvent>>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=custom-render.d.ts.map

package/es/common/custom-render/custom-render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-render.d.ts","sourceRoot":"","sources":["../../../src/common/custom-render/custom-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAiB,MAAM,wBAAwB,CAAC;AAG1E,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,gBAAgB;;;;;;;4BAiDI,KAAK,GAAG,SAAS;;;;;;YAmDhD,CAAC"}
+{"version":3,"file":"custom-render.d.ts","sourceRoot":"","sources":["../../../src/common/custom-render/custom-render.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,EACL,iBAAiB,EAGlB,MAAM,wBAAwB,CAAC;AAGhC,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,gBAAgB;;;;;;;4BAiDI,KAAK,GAAG,SAAS;;;;;;iGAmDhD,CAAC"}

package/es/common/custom-render/custom-render.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode, resolveComponent } from 'vue';
-import { ScriptFactory } from '@ibiz-template/runtime';
+import { ScriptFactory, PredefinedControlRender } from '@ibiz-template/runtime';
 import { fixJsonString } from '@ibiz-template/core';
 import '../../use/index.mjs';
 import './custom-render.css';
@@ -47,7 +47,7 @@ const IBizCustomRender = /* @__PURE__ */ defineComponent({
       if (!controlRenders || controlRenders.length === 0) {
         return void 0;
       }
-      const noDataRender = controlRenders.find((item) => item.id === "emptypanel");
+      const noDataRender = controlRenders.find((item) => item.id === PredefinedControlRender.EMPTYPANEL);
       if (!noDataRender)
         return void 0;
       if (noDataRender.renderType === "LAYOUTPANEL_MODEL" && noDataRender.layoutPanelModel) {

package/es/common/icon/icon.d.ts

@@ -2,7 +2,7 @@ import { PropType, VNode } from 'vue';
 import { ISysImage } from '@ibiz/model-core';
 import { IIcon } from '@ibiz-template/runtime';
 import './icon.scss';
-export declare const IBizIcon: import("vue").DefineComponent<{
+export declare const IBizIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     icon: {
         type: PropType<ISysImage | IIcon>;
     };
@@ -13,7 +13,7 @@ export declare const IBizIcon: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => VNode | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => VNode | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
         type: PropType<ISysImage | IIcon>;
     };
@@ -24,7 +24,7 @@ export declare const IBizIcon: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     baseDir: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=icon.d.ts.map

package/es/common/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/common/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,KAAK,EAAY,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAQ/C,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,QAAQ;;;;;;;;;;;SAoFN,KAAK,GAAG,IAAI;;;;;;;;;;;;;MAEzB,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/common/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAE,KAAK,EAAY,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAQ/C,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,QAAQ;;;;;;;;;;;UAoFN,KAAK,GAAG,IAAI;;;;;;;;;;;;;4EAEzB,CAAC"}

package/es/common/index.d.ts

@@ -7,4 +7,5 @@ export * from './code-list/code-list';
 export * from './control-loading-placeholder/control-loading-placeholder';
 export * from './badge/badge';
 export * from './custom-render/custom-render';
+export * from './signature-pad/signature-pad';
 //# sourceMappingURL=index.d.ts.map

package/es/common/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2DAA2D,CAAC;AAC1E,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2DAA2D,CAAC;AAC1E,cAAc,eAAe,CAAC;AAC9B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC"}

package/es/common/index.mjs

@@ -7,5 +7,6 @@ export { IBizCodeList } from './code-list/code-list.mjs';
 export { ControlLoadingPlaceholder } from './control-loading-placeholder/control-loading-placeholder.mjs';
 export { IBizBadge } from './badge/badge.mjs';
 export { IBizCustomRender } from './custom-render/custom-render.mjs';
+export { IBizSignaturePad } from './signature-pad/signature-pad.mjs';
 
 "use strict";

package/es/common/router-view/router-view.d.ts

@@ -1,30 +1,29 @@
 import { PropType, VNode } from 'vue';
-import { RouteLocationNormalizedLoaded } from 'vue-router';
 /**
  * 只会第一次绘制的时候绘制路由相关的内容，后面路由导致的router-view的回调都屏蔽了。
  * 通过变更manualKey,来强制刷新router-view的slot回调。并且吧manualKey传给Component的key，搭配AppKeepAlive可以缓存组件
  */
-export declare const IBizRouterView: import("vue").DefineComponent<{
+export declare const IBizRouterView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;
         default: string;
     };
-    route: PropType<RouteLocationNormalizedLoaded>;
+    route: PropType<import("vue-router").RouteLocationNormalizedLoadedGeneric>;
     manualKey: {
         type: StringConstructor;
     };
-}, {
+}>, {
     renderComp: (Component: VNode, _route: any) => VNode | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: PropType<string>;
         default: string;
     };
-    route: PropType<RouteLocationNormalizedLoaded>;
+    route: PropType<import("vue-router").RouteLocationNormalizedLoadedGeneric>;
     manualKey: {
         type: StringConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     name: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=router-view.d.ts.map

package/es/common/router-view/router-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router-view.d.ts","sourceRoot":"","sources":["../../../src/common/router-view/router-view.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,QAAQ,EAAE,KAAK,EAAS,MAAM,KAAK,CAAC;AACjE,OAAO,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAC;AAE3D;;;GAGG;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;4BA2BQ,KAAK,UAAU,GAAG,KAAG,KAAK,GAAG,SAAS;;;;;;;;;;;;MAoCvE,CAAC"}
+{"version":3,"file":"router-view.d.ts","sourceRoot":"","sources":["../../../src/common/router-view/router-view.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,QAAQ,EAAE,KAAK,EAAS,MAAM,KAAK,CAAC;AAGjE;;;GAGG;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;4BA2BQ,KAAK,UAAU,GAAG,KAAG,KAAK,GAAG,SAAS;;;;;;;;;;;;4EAoCvE,CAAC"}

package/es/common/router-view/router-view.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, watch, h, createVNode, resolveComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, watch, h } from 'vue';
 import { isNotNil } from 'ramda';
 
 "use strict";

package/es/common/signature-pad/signature-pad.css

@@ -0,0 +1 @@
+.ibiz-signature-pad{width:100%;height:100%}.ibiz-signature-pad__container{width:100%;height:100%;background-color:var(--ibiz-color-bg-1)}

package/es/common/signature-pad/signature-pad.d.ts

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import SignaturePad from './util/signature_pad';
+import './signature-pad.scss';
+export declare const IBizSignaturePad: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+    };
+}>, {
+    ns: import("@ibiz-template/core").Namespace;
+    canvasRef: import("vue").Ref<any, any>;
+    signaturePadRef: import("vue").Ref<any, any>;
+    signaturePad: import("vue").Ref<SignaturePad | undefined, SignaturePad | undefined>;
+    updateSignaturePad: (_callback?: () => void) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=signature-pad.d.ts.map

package/es/common/signature-pad/signature-pad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-pad.d.ts","sourceRoot":"","sources":["../../../src/common/signature-pad/signature-pad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,QAAQ,EAET,MAAM,KAAK,CAAC;AAGb,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,OAAO,sBAAsB,CAAC;AAE9B,eAAO,MAAM,gBAAgB;;;;;;;;;qCA2He,MAAM,IAAI;;;;;iGAoCpD,CAAC"}

package/es/common/signature-pad/signature-pad.mjs

@@ -0,0 +1,165 @@
+import { defineComponent, createVNode, ref, nextTick, onMounted, onUnmounted } from 'vue';
+import { isString } from 'lodash-es';
+import '../../use/index.mjs';
+import SignaturePad from './util/signature_pad.mjs';
+import './signature-pad.css';
+import { useNamespace } from '../../use/namespace/namespace.mjs';
+
+"use strict";
+const IBizSignaturePad = /* @__PURE__ */ defineComponent({
+  name: "IBizSignaturePad",
+  props: {
+    options: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("signature-pad");
+    const signaturePadRef = ref();
+    const canvasRef = ref();
+    const signaturePad = ref();
+    const getSignatureOptions = () => {
+      const _options = {};
+      if (props.options) {
+        const {
+          dotsize,
+          minwidth,
+          maxwidth,
+          pencolor,
+          velocityfilterweight,
+          compositeoperation,
+          mindistance,
+          backgroundcolor,
+          throttle,
+          canvascontextoptions
+        } = props.options;
+        if (dotsize) {
+          Object.assign(_options, {
+            dotSize: Number(dotsize)
+          });
+        }
+        if (minwidth) {
+          Object.assign(_options, {
+            minWidth: Number(minwidth)
+          });
+        }
+        if (maxwidth) {
+          Object.assign(_options, {
+            maxWidth: Number(maxwidth)
+          });
+        }
+        if (velocityfilterweight) {
+          Object.assign(_options, {
+            velocityFilterWeight: Number(velocityfilterweight)
+          });
+        }
+        if (mindistance) {
+          Object.assign(_options, {
+            minDistance: Number(mindistance)
+          });
+        }
+        if (throttle) {
+          Object.assign(_options, {
+            throttle: Number(throttle)
+          });
+        }
+        if (pencolor) {
+          Object.assign(_options, {
+            penColor: String(pencolor)
+          });
+        }
+        if (compositeoperation) {
+          Object.assign(_options, {
+            compositeOperation: String(compositeoperation)
+          });
+        }
+        if (backgroundcolor) {
+          Object.assign(_options, {
+            backgroundColor: String(backgroundcolor)
+          });
+        }
+        if (canvascontextoptions) {
+          let canvasContextOptions = canvascontextoptions;
+          if (isString(canvascontextoptions)) {
+            try {
+              canvasContextOptions = JSON.parse(canvascontextoptions);
+            } catch (error) {
+              ibiz.log.error(error);
+              canvasContextOptions = void 0;
+            }
+          }
+          Object.assign(_options, {
+            canvasContextOptions: {
+              ...canvasContextOptions
+            }
+          });
+        }
+      }
+      return _options;
+    };
+    const preventScroll = (_e) => {
+      _e.preventDefault();
+    };
+    const initSignaturePad = (_callback) => {
+      nextTick(() => {
+        const canvas = canvasRef.value;
+        const signatures = signaturePadRef.value;
+        if (!canvas)
+          return;
+        const dpr = window.devicePixelRatio || 1;
+        const rect = signatures.getBoundingClientRect();
+        const canvasWidth = rect.width < 300 ? 300 : rect.width;
+        const canvasHeight = rect.height < 150 ? 150 : rect.height;
+        canvas.width = canvasWidth * dpr;
+        canvas.height = canvasHeight * dpr;
+        canvas.style.width = "".concat(canvasWidth, "px");
+        canvas.style.height = "".concat(canvasHeight, "px");
+        signaturePad.value = new SignaturePad(canvas, {
+          ...getSignatureOptions()
+        });
+        const ctx = canvas.getContext("2d");
+        ctx.scale(dpr, dpr);
+        canvas.addEventListener("touchstart", preventScroll, {
+          passive: false
+        });
+        canvas.addEventListener("touchmove", preventScroll, {
+          passive: false
+        });
+        _callback == null ? void 0 : _callback();
+      });
+    };
+    const updateSignaturePad = (_callback) => initSignaturePad(_callback);
+    const handleResize = () => {
+      if (signaturePad.value) {
+        signaturePad.value.off();
+        updateSignaturePad();
+      }
+    };
+    onMounted(() => {
+      initSignaturePad();
+      window.addEventListener("resize", handleResize);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", handleResize);
+    });
+    return {
+      ns,
+      canvasRef,
+      signaturePadRef,
+      signaturePad,
+      updateSignaturePad
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "signaturePadRef"
+    }, [createVNode("div", {
+      "class": this.ns.e("container")
+    }, [createVNode("canvas", {
+      "ref": "canvasRef"
+    }, null)])]);
+  }
+});
+
+export { IBizSignaturePad };