@ibiz-template/mob-vue3-components 0.0.5 → 0.0.6

package/es/editor/span/span/span.mjs

@@ -1,36 +1,84 @@
-import { ref, watch, computed, createVNode, defineComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSpanProps, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
-import dayjs from 'dayjs';
 import './span.css';
+import { isNil } from 'ramda';
+import { DataTypes } from '@ibiz-template/core';
+import dayjs from 'dayjs';
+import customParseFormat from '../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.mjs';
 
 "use strict";
+dayjs.extend(customParseFormat);
+function isValidDateFormat(dateStr, format) {
+  if (dateStr === format) {
+    return false;
+  }
+  return dayjs(dateStr, format, true).isValid();
+}
 const IBizSpan = /* @__PURE__ */ defineComponent({
   name: "IBizSpan",
   props: getSpanProps(),
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("span");
     const c = props.controller;
     const text = ref("");
     const codeList = c.codeList;
-    let valueSeparator = ",";
-    if (codeList && codeList.valueSeparator) {
-      valueSeparator = codeList.valueSeparator;
-    }
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        if (!newVal) {
+        if (isNil(newVal)) {
           text.value = "";
           return;
         }
-        if (c.parent.valueFormat) {
-          text.value = dayjs(newVal).format(c.parent.valueFormat);
+        const {
+          valueFormat,
+          dataType,
+          unitName
+        } = c.parent;
+        if (c.model.valueType === "SIMPLES") {
+          text.value = newVal.join(textSeparator);
+        } else if (c.model.valueType === "OBJECT") {
+          text.value = newVal[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"];
+        } else if (c.model.valueType === "OBJECTS") {
+          const tempValue = [];
+          newVal.forEach((_item) => {
+            tempValue.push(_item[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"]);
+          });
+          text.value = tempValue.join(textSeparator);
+        } else if (c.model.editorType === "ADDRESSPICKUP") {
+          try {
+            const tempValue = [];
+            const items2 = JSON.parse(newVal);
+            items2.forEach((_item) => {
+              tempValue.push(_item[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"]);
+            });
+            text.value = tempValue.join(textSeparator);
+          } catch (error) {
+            ibiz.log.error(`\u6807\u7B7E\u5730\u5740\u9009\u62E9\u5668\u7684\u503C\u4E0D\u7B26\u5408JSON\u683C\u5F0F${newVal}`);
+          }
+        } else if (valueFormat) {
+          try {
+            if (dataType != null && DataTypes.isDate(dataType)) {
+              text.value = dayjs(newVal).format(valueFormat);
+            } else {
+              const tempVal = dayjs(newVal).format(valueFormat);
+              if (isValidDateFormat(tempVal, valueFormat)) {
+                text.value = tempVal;
+              } else {
+                text.value = ibiz.util.text.format(`${newVal}`, valueFormat);
+              }
+            }
+          } catch (error) {
+            text.value = `${newVal}`;
+            ibiz.log.error(`${newVal} \u503C\u683C\u5F0F\u5316\u9519\u8BEF`);
+          }
         } else {
-          text.value = newVal ? `${newVal}` : "";
+          text.value = `${newVal}`;
         }
-        if (c.parent.unitName) {
-          text.value += c.parent.unitName;
+        if (unitName) {
+          text.value += unitName;
         }
       }
     }, {
@@ -47,33 +95,35 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
         deep: true
       });
     }
-    const codeListText = computed(() => {
-      var _a;
-      if (!codeList || !props.value || items.value.length === 0) {
-        return void 0;
-      }
-      if (codeList.codeItemValueNumber) {
-        return (_a = items.value.find((item) => item.value === props.value)) == null ? void 0 : _a.text;
-      }
-      const values = props.value.split(valueSeparator);
-      const selects = items.value.filter((item) => values.includes(item.value));
-      return selects.map((item) => item.text).join(valueSeparator);
-    });
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     return {
       ns,
+      c,
       text,
-      codeListText,
-      editorRef
+      editorRef,
+      items
     };
   },
   render() {
+    let content = null;
+    if (this.c.codeList && this.items.length > 0) {
+      content = createVNode(resolveComponent("iBizCodeList"), {
+        "class": this.ns.e("code-list"),
+        "codeListItems": this.items,
+        "codeList": this.c.codeList,
+        "value": this.text
+      }, null);
+    } else if (this.text) {
+      content = this.text;
+    } else {
+      content = "- - -";
+    }
     return createVNode("span", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
       "ref": "editorRef"
-    }, [this.codeListText || this.text]);
+    }, [content]);
   }
 });
 

package/es/editor/span/span-link/span-link.d.ts

@@ -52,8 +52,8 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.d.ts

@@ -58,8 +58,8 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts

@@ -51,8 +51,8 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -55,8 +55,8 @@ export declare const IBizInputNumber: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/text-box/input/input.d.ts

@@ -57,8 +57,8 @@ export declare const IBizInput: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-carousel/ibiz-carousel.d.ts

@@ -56,8 +56,8 @@ export declare const IBizEditorCarousel: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -64,8 +64,8 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-image-select/ibiz-image-select.d.ts

@@ -56,8 +56,8 @@ export declare const IBizImageSelect: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -62,8 +62,8 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/index.mjs

@@ -13,6 +13,8 @@ import './view/index.mjs';
 import { VueBrowserPlatformProvider } from './platform/vue-browser-platform-provider.mjs';
 import { IBizMDCtrlControl } from './control/list/md-ctrl/index.mjs';
 import { IBizAppMenuControl } from './control/app-menu/index.mjs';
+import { IBizAppMenuIconViewControl } from './control/app-menu-icon-view/index.mjs';
+import { IBizAppMenuListViewControl } from './control/app-menu-list-view/index.mjs';
 import { IBizFormControl } from './control/form/form/index.mjs';
 import { IBizSearchFormControl } from './control/form/search-form/index.mjs';
 import { IBizEditFormControl } from './control/form/edit-form/index.mjs';
@@ -112,6 +114,8 @@ var index = {
     v.use(IBizMDCtrlControl);
     v.use(IBizPanelControl);
     v.use(IBizAppMenuControl);
+    v.use(IBizAppMenuIconViewControl);
+    v.use(IBizAppMenuListViewControl);
     v.use(IBizFormControl);
     v.use(IBizSearchFormControl);
     v.use(IBizEditFormControl);
@@ -132,4 +136,4 @@ var index = {
   }
 };
 
-export { IBizAppMenuControl, IBizCalendarControl, IBizCaptionBarControl, IBizChartControl, IBizCommonComponents, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizListControl, IBizMDCtrlControl, IBizPanelComponents, IBizPickupViewPanelControl, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizWizardPanelControl, index as default };
+export { IBizAppMenuControl, IBizAppMenuIconViewControl, IBizAppMenuListViewControl, IBizCalendarControl, IBizCaptionBarControl, IBizChartControl, IBizCommonComponents, IBizDRTabControl, IBizDashboardControl, IBizDataViewControl, IBizEditFormControl, IBizEditor, IBizFormControl, IBizListControl, IBizMDCtrlControl, IBizPanelComponents, IBizPickupViewPanelControl, IBizSearchBarControl, IBizSearchFormControl, IBizTabExpPanelControl, IBizToolbarControl, IBizTreeControl, IBizWizardPanelControl, index as default };

package/es/node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.mjs

@@ -0,0 +1,13 @@
+import { commonjsGlobal, getDefaultExportFromCjs } from '../../../../../../_virtual/_commonjsHelpers.mjs';
+import { __module as customParseFormat$2 } from '../../../../../../_virtual/customParseFormat.mjs';
+
+var customParseFormat = customParseFormat$2.exports;
+
+(function (module, exports) {
+	!function(e,t){"object"=='object'&&"undefined"!='object'?module.exports=t():"function"==typeof undefined&&undefined.amd?undefined(t):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_plugin_customParseFormat=t();}(commonjsGlobal,(function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return (e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t;}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1);}],a:[i,function(e){this.afternoon=u(e,!0);}],S:[/\d/,function(e){this.milliseconds=100*+e;}],SS:[n,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e);}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else {var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={};}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""));}else i.call(this,e);};}})); 
+} (customParseFormat$2, customParseFormat$2.exports));
+
+var customParseFormatExports = customParseFormat$2.exports;
+var customParseFormat$1 = /*@__PURE__*/getDefaultExportFromCjs(customParseFormatExports);
+
+export { customParseFormat$1 as default };

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

@@ -12,7 +12,7 @@ export declare const IBizPanelButton: import("@ibiz-template/vue3-util").TypeWit
 }, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "success" | "primary" | "danger" | "warning">;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

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

@@ -14,7 +14,7 @@ export declare const PanelButton: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "primary" | "danger" | "success" | "warning">;
+    buttonType: import("vue").ComputedRef<"default" | "text" | "success" | "primary" | "danger" | "warning">;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

package/es/panel-component/view-content-panel-container/view-content-panel-container.mjs

@@ -62,12 +62,14 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
       ];
       return result;
     });
+    const contentRef = ref();
     return {
       ns,
       viewModel,
       isRefreshing,
       isScrollable,
       classArr,
+      contentRef,
       refresh
     };
   },
@@ -76,9 +78,12 @@ const ViewContentPanelContainer = /* @__PURE__ */ defineComponent({
     const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
     const content = createVNode(resolveComponent("iBizRow"), {
       "class": this.classArr,
-      "layout": this.modelData.layout
+      "layout": this.modelData.layout,
+      "ref": "contentRef"
     }, {
-      default: () => [this.isScrollable && createVNode(resolveComponent("van-back-top"), null, null), defaultSlots.map((slot) => {
+      default: () => [this.isScrollable && this.contentRef && createVNode(resolveComponent("van-back-top"), {
+        "teleport": this.contentRef.$el
+      }, null), defaultSlots.map((slot) => {
         const props = slot.props;
         if (!props || !props.controller) {
           return slot;

package/es/panel-component/view-header-panel-container/index.d.ts

@@ -9,9 +9,9 @@ export declare const IBizViewHeaderPanelContainer: import("@ibiz-template/vue3-u
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    goBack: () => void;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backButtonVisible: import("vue").Ref<boolean>;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
 }, 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/view-header-panel-container/view-header-panel-container.css

@@ -1 +1 @@
-.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}.ibiz-view-header .ibiz-view-header-back-button{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header .ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-back-width)}
+.ibiz-view-header{--ibiz-panel-component-view-header-bg-color:var(--ibiz-color-bg-1);--ibiz-panel-component-view-header-back-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-component-view-header-back-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-component-view-header-back-width:2.5rem;--ibiz-panel-component-view-header-back-height:100%;--ibiz-panel-component-view-header-color:var(--ibiz-color-text-0);position:relative;color:var(--ibiz-panel-component-view-header-color);background-color:var(--ibiz-panel-component-view-header-bg-color)}

package/es/panel-component/view-header-panel-container/view-header-panel-container.d.ts

@@ -13,9 +13,9 @@ export declare const ViewHeaderPanelContainer: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    goBack: () => void;
     classArr: import("vue").ComputedRef<(string | false)[]>;
     backButtonVisible: import("vue").Ref<boolean>;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
 }, 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/view-header-panel-container/view-header-panel-container.mjs

@@ -1,8 +1,8 @@
 import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelContainerController, useNamespace } from '@ibiz-template/vue3-util';
+import './view-header-panel-container.css';
 import { useRoute } from 'vue-router';
 import '../../util/index.mjs';
-import './view-header-panel-container.css';
 import { useViewStack } from '../../util/store/view-stack/view-stack.mjs';
 
 "use strict";
@@ -35,9 +35,6 @@ const ViewHeaderPanelContainer = /* @__PURE__ */ defineComponent({
     };
     initButtonVisible();
     const view = props.controller.panel.view;
-    const goBack = () => {
-      view.modal.dismiss();
-    };
     const {
       id
     } = props.modelData;
@@ -48,9 +45,9 @@ const ViewHeaderPanelContainer = /* @__PURE__ */ defineComponent({
     });
     return {
       ns,
-      goBack,
       classArr,
-      backButtonVisible
+      backButtonVisible,
+      view
     };
   },
   render() {
@@ -63,12 +60,9 @@ const ViewHeaderPanelContainer = /* @__PURE__ */ defineComponent({
       "class": this.classArr,
       "layout": this.modelData.layout
     }, {
-      default: () => [this.backButtonVisible && createVNode("div", {
-        "class": this.ns.b("back-button"),
-        "onClick": this.goBack
-      }, [createVNode("ion-icon", {
-        "name": "chevron-back-outline"
-      }, null)]), defaultSlots.map((slot, index) => {
+      default: () => [createVNode(resolveComponent("iBizPresetViewBack"), {
+        "view": this.view
+      }, null), defaultSlots.map((slot, index) => {
         const props = slot.props;
         if (!props || !props.controller) {
           return slot;

package/es/util/store/view-stack/view-stack.d.ts

@@ -57,5 +57,5 @@ export declare const useViewStack: import("pinia").StoreDefinition<"viewStack",
     on: <K extends "onBeforeStackChange">(name: K, cb: (...args: Parameters<ViewStackEvent[K]>) => ReturnType<ViewStackEvent[K]>) => void;
     off: <K_1 extends "onBeforeStackChange">(name: K_1, cb: (...args: Parameters<ViewStackEvent[K_1]>) => ReturnType<ViewStackEvent[K_1]>) => void;
     goBack: () => void;
-}, "off" | "init" | "on" | "goBack">>;
+}, "init" | "on" | "off" | "goBack">>;
 export {};

package/es/view-engine/mob-wf-dyna-action-view.engine.mjs

@@ -14,7 +14,7 @@ class MobWFDynaActionViewEngine extends MobWFDynaEditViewEngine {
     __publicField(this, "isCalcWFToolbar", false);
   }
   async calcProcessFormName() {
-    this.isEditable = this.view.context.isEditable === "true";
+    this.isEditable = this.view.context.isEditable;
     const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
     return processForm;
   }

package/es/view-engine/mob-wf-dyna-start-view.engine.mjs

@@ -14,7 +14,7 @@ class MobWFDynaStartViewEngine extends MobWFDynaEditViewEngine {
     __publicField(this, "isCalcWFToolbar", false);
   }
   async calcProcessFormName() {
-    this.isEditable = this.view.context.isEditable === "true";
+    this.isEditable = this.view.context.isEditable;
     const processForm = this.view.context.processForm ? `wfform_${this.view.context.processForm}` : "form";
     return processForm;
   }

package/lib/_virtual/customParseFormat.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+var customParseFormat = {exports: {}};
+
+exports.__module = customParseFormat;

package/lib/common/index.cjs

@@ -10,6 +10,8 @@ var keepAlive = require('./keep-alive/keep-alive.cjs');
 var noData = require('./no-data/no-data.cjs');
 var rawitem = require('./rawitem/rawitem.cjs');
 var row = require('./row/row.cjs');
+var presetViewBack = require('./preset-view-back/preset-view-back.cjs');
+var presetViewHeader = require('./preset-view-header/preset-view-header.cjs');
 
 "use strict";
 const IBizCommonComponents = {
@@ -26,6 +28,9 @@ const IBizCommonComponents = {
     v.component(vue3Util.IBizControlShell.name, vue3Util.IBizControlShell);
     v.component(rawitem.IBizRawItem.name, rawitem.IBizRawItem);
     v.component(carousel.IBizCarousel.name, carousel.IBizCarousel);
+    v.component(presetViewBack.IBizPresetViewBack.name, presetViewBack.IBizPresetViewBack);
+    v.component(presetViewHeader.IBizPresetViewHeader.name, presetViewHeader.IBizPresetViewHeader);
+    v.component(vue3Util.IBizCodeList.name, vue3Util.IBizCodeList);
   }
 };
 

package/lib/common/preset-view-back/preset-view-back.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./preset-view-back.css');
+var vueRouter = require('vue-router');
+require('../../util/index.cjs');
+var viewStack = require('../../util/store/view-stack/view-stack.cjs');
+
+"use strict";
+const IBizPresetViewBack = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPresetViewBack",
+  props: {
+    view: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("preset-view-back");
+    const route = vueRouter.useRoute();
+    const {
+      viewStack: viewStack$1
+    } = viewStack.useViewStack();
+    const backButtonVisible = vue.ref(false);
+    const initButtonVisible = () => {
+      if (props.view.modal.viewUsage === 1 && viewStack$1.cacheKeys.length > 1 && route.meta.home || props.view.modal.viewUsage === 2) {
+        backButtonVisible.value = true;
+      }
+    };
+    initButtonVisible();
+    const goBack = () => {
+      props.view.modal.dismiss();
+    };
+    return {
+      ns,
+      backButtonVisible,
+      goBack
+    };
+  },
+  render() {
+    return this.backButtonVisible && vue.createVNode("div", {
+      "class": this.ns.b(),
+      "onClick": this.goBack
+    }, [vue.createVNode("ion-icon", {
+      "name": "chevron-back-outline"
+    }, null)]);
+  }
+});
+
+exports.IBizPresetViewBack = IBizPresetViewBack;

package/lib/common/preset-view-back/preset-view-back.css

@@ -0,0 +1 @@
+.ibiz-preset-view-back{position:absolute;display:flex;align-items:center;width:var(--ibiz-panel-component-view-header-back-width);height:var(--ibiz-panel-component-view-header-back-height);padding:var(--ibiz-panel-component-view-header-back-padding);font-size:var(--ibiz-panel-component-view-header-back-font-size)}.ibiz-view-header-precut-back .ibiz-control-toolbar-left{padding-left:var(--ibiz-panel-component-view-header-back-width)}

package/lib/common/preset-view-header/preset-view-header.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./preset-view-header.css');
+
+"use strict";
+const IBizPresetViewHeader = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPresetViewHeader",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup() {
+    const ns = vue3Util.useNamespace("preset-view-header");
+    const ns2 = vue3Util.useNamespace("view-header");
+    const ctx = vue3Util.useCtx();
+    const view = ctx.view;
+    const context = ctx.view.context;
+    const captionBar = view.model.controls.find((item) => item.controlType === "CAPTIONBAR");
+    return {
+      ns,
+      ns2,
+      view,
+      captionBar,
+      context
+    };
+  },
+  render() {
+    return this.view.model.showCaptionBar && vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns2.b()]
+    }, [vue.createVNode("div", {
+      "class": this.ns.b("left")
+    }, [vue.createVNode(vue.resolveComponent("iBizPresetViewBack"), {
+      "view": this.view
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.b("center")
+    }, [this.captionBar && this.view.model.showCaptionBar && vue.createVNode(vue.resolveComponent("iBizCaptionBarControl"), {
+      "modelData": this.captionBar,
+      "context": this.context
+    }, null)]), vue.createVNode("div", {
+      "class": this.ns.b("right")
+    }, null)]);
+  }
+});
+
+exports.IBizPresetViewHeader = IBizPresetViewHeader;

package/lib/common/preset-view-header/preset-view-header.css

@@ -0,0 +1 @@
+.ibiz-preset-view-header{display:flex;justify-content:center;width:100%}.ibiz-preset-view-header .ibiz-preset-view-back{left:0}