@ibiz-template/vue3-components 0.2.16 → 0.2.18-dev.0

package/es/_virtual/customParseFormat.mjs

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

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs

@@ -15,19 +15,13 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
     const editorModel = c.model;
     let valueSeparator = ",";
     let unlinkPanels = false;
-    let startPlaceHolder = "";
-    let endPlaceHolder = "";
+    const startPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[0] || "" : "";
+    const endPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[1] || "" : "";
     let rangeSeparator = "\u81F3";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
-      if (editorModel.editorParams.startPlaceHolder) {
-        startPlaceHolder = editorModel.editorParams.startPlaceHolder;
-      }
-      if (editorModel.editorParams.endPlaceHolder) {
-        endPlaceHolder = editorModel.editorParams.endPlaceHolder;
-      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -18,8 +18,8 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
     let min = -Infinity;
     let precision = 0;
     let valueSeparator = "-";
-    let startPlaceHolder = "";
-    let endPlaceHolder = "";
+    const startPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[0] || "" : "";
+    const endPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[1] || "" : "";
     let rangeSeparator = "~";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.maxvalue) {
@@ -34,12 +34,6 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
-      if (editorModel.editorParams.startPlaceHolder) {
-        startPlaceHolder = editorModel.editorParams.startPlaceHolder;
-      }
-      if (editorModel.editorParams.endPlaceHolder) {
-        endPlaceHolder = editorModel.editorParams.endPlaceHolder;
-      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }

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

@@ -4,8 +4,16 @@ 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(),
@@ -56,7 +64,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
               text.value = dayjs(newVal).format(valueFormat);
             } else {
               const tempVal = dayjs(newVal).format(valueFormat);
-              if (tempVal !== "Invalid Date") {
+              if (isValidDateFormat(tempVal, valueFormat)) {
                 text.value = tempVal;
               } else {
                 text.value = ibiz.util.text.format(`${newVal}`, valueFormat);

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/index.mjs

@@ -15,6 +15,7 @@ import { IBizPanelIndexViewSearch } from './panel-index-view-search/index.mjs';
 import { IBizPanelAppLoginView } from './panel-app-login-view/index.mjs';
 import { IBizPanelRememberMe } from './panel-remember-me/index.mjs';
 import { IBizIndexActions } from './index-actions/index.mjs';
+import { IBizPanelContainerGroup } from './panel-container-group/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';
@@ -49,6 +50,7 @@ const IBizPanelComponents = {
     v.use(IBizPanelAppLoginView);
     v.use(IBizPanelRememberMe);
     v.use(IBizIndexActions);
+    v.use(IBizPanelContainerGroup);
   }
 };
 

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

@@ -1 +1 @@
-.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}
+.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}

package/es/panel-component/panel-container-group/index.d.ts

@@ -0,0 +1,28 @@
+import { PanelContainerGroupState } from './panel-container-group.state';
+import { PanelContainerGroupController } from './panel-container-group.controller';
+export { PanelContainerGroupState, PanelContainerGroupController };
+export declare const IBizPanelContainerGroup: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerGroupController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    captionText: import("vue").ComputedRef<any>;
+    changeCollapse: () => void;
+    isCollapse: import("vue").Ref<boolean>;
+}, 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>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerGroupController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizPanelContainerGroup;

package/es/panel-component/panel-container-group/index.mjs

@@ -0,0 +1,20 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+export { PanelContainerGroupState } from './panel-container-group.state.mjs';
+import { PanelContainerGroupProvider } from './panel-container-group.provider.mjs';
+export { PanelContainerGroupController } from './panel-container-group.controller.mjs';
+import { PanelContainerGroup } from './panel-container-group.mjs';
+
+"use strict";
+const IBizPanelContainerGroup = withInstall(
+  PanelContainerGroup,
+  function(v) {
+    v.component(PanelContainerGroup.name, PanelContainerGroup);
+    registerPanelItemProvider(
+      "CONTAINER_CONTAINER_GROUP",
+      () => new PanelContainerGroupProvider()
+    );
+  }
+);
+
+export { IBizPanelContainerGroup, IBizPanelContainerGroup as default };

package/es/panel-component/panel-container-group/panel-container-group.controller.d.ts

@@ -0,0 +1,31 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { PanelContainerGroupState } from './panel-container-group.state';
+/**
+ * 面板分组容器控制器
+ *
+ * @export
+ * @class PanelContainerGroupController
+ * @extends {PanelItemController}
+ */
+export declare class PanelContainerGroupController extends PanelItemController<IPanelContainer> {
+    state: PanelContainerGroupState;
+    protected createState(): PanelContainerGroupState;
+    /**
+     * 禁用关闭
+     *
+     * @author chitanda
+     * @date 2022-09-14 14:09:51
+     * @readonly
+     * @type {boolean}
+     */
+    get disableClose(): boolean;
+    /**
+     * 是否默认展开分组
+     *
+     * @author chitanda
+     * @date 2022-09-14 14:09:09
+     * @readonly
+     */
+    get defaultExpansion(): boolean;
+}

package/es/panel-component/panel-container-group/panel-container-group.controller.mjs

@@ -0,0 +1,35 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelContainerGroupState } from './panel-container-group.state.mjs';
+
+"use strict";
+class PanelContainerGroupController extends PanelItemController {
+  createState() {
+    var _a;
+    return new PanelContainerGroupState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 禁用关闭
+   *
+   * @author chitanda
+   * @date 2022-09-14 14:09:51
+   * @readonly
+   * @type {boolean}
+   */
+  get disableClose() {
+    const { titleBarCloseMode: mode } = this.model;
+    return mode === 0 || mode === void 0;
+  }
+  /**
+   * 是否默认展开分组
+   *
+   * @author chitanda
+   * @date 2022-09-14 14:09:09
+   * @readonly
+   */
+  get defaultExpansion() {
+    const { titleBarCloseMode: mode } = this.model;
+    return this.disableClose || mode === 1;
+  }
+}
+
+export { PanelContainerGroupController };

package/es/panel-component/panel-container-group/panel-container-group.css

@@ -0,0 +1 @@
+.ibiz-panel-container-group{--ibiz-panel-container-group-bg-color:transparent;--ibiz-panel-container-group-header-bg-color:transparent;--ibiz-panel-container-group-header-padding:var(--ibiz-spacing-base-tight);--ibiz-panel-container-group-header-border-color:var(--ibiz-color-border);--ibiz-panel-container-group-header-height:49px;--ibiz-panel-container-group-caption-text-color:var(--ibiz-color-text-0);--ibiz-panel-container-group-caption-font-size:var(--ibiz-font-size-header-5);--ibiz-panel-container-group-caption-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-container-group-content-bg-color:transparent;--ibiz-panel-container-group-content-padding:var(--ibiz-spacing-tight)}.ibiz-panel-container-group{height:100%;background-color:var(--ibiz-panel-container-group-bg-color);border-radius:var(--ibiz-border-radius-base)}.ibiz-panel-container-group__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-container-group-caption-font-size);font-weight:var(--ibiz-panel-container-group-caption-font-weight);color:var(--ibiz-panel-container-group-caption-text-color)}.ibiz-panel-container-group-collapse>.ibiz-panel-container-group-content{display:block}.ibiz-panel-container-group-collapse.is-collapse>.ibiz-panel-container-group-content{display:none}.ibiz-panel-container-group-header{display:flex;height:var(--ibiz-panel-container-group-header-height);padding:var(--ibiz-panel-container-group-header-padding);margin:var(--ibiz-panel-container-group-header-margin);border-bottom:1px solid var(--ibiz-panel-container-group-header-border-color)}.ibiz-panel-container-group-header__left,.ibiz-panel-container-group-header__right{display:inline-block;width:50%}.ibiz-panel-container-group-header__right{text-align:right;display:flex;align-items:center;justify-content:flex-end}.ibiz-panel-container-group-content{width:100%;height:100%}.ibiz-panel-container-group-content__row{width:100%;height:100%}.ibiz-panel-container-group--show-header>.ibiz-panel-container-group-content{height:calc(100% - var(--ibiz-panel-container-group-header-height));padding:var(--ibiz-panel-container-group-content-padding);background-color:var(--ibiz-panel-container-group-content-bg-color)}

package/es/panel-component/panel-container-group/panel-container-group.d.ts

@@ -0,0 +1,28 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { PanelContainerGroupController } from './panel-container-group.controller';
+import './panel-container-group.scss';
+export declare const PanelContainerGroup: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerGroupController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    captionText: import("vue").ComputedRef<any>;
+    changeCollapse: () => void;
+    isCollapse: import("vue").Ref<boolean>;
+}, 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>;
+        required: true;
+    };
+    controller: {
+        type: typeof PanelContainerGroupController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/panel-container-group/panel-container-group.mjs

@@ -0,0 +1,107 @@
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { PanelContainerGroupController } from './panel-container-group.controller.mjs';
+import './panel-container-group.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const PanelContainerGroup = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelContainerGroup",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: PanelContainerGroupController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("panel-container-group");
+    const isCollapse = ref(!props.controller.defaultExpansion);
+    const changeCollapse = () => {
+      if (!props.controller.disableClose) {
+        isCollapse.value = !isCollapse.value;
+      }
+    };
+    const captionText = computed(() => {
+      const {
+        captionItemName,
+        caption,
+        capLanguageRes
+      } = props.modelData;
+      if (captionItemName) {
+        return props.controller.data[captionItemName];
+      }
+      let text = caption;
+      if (capLanguageRes) {
+        text = ibiz.i18n.t(capLanguageRes.lanResTag, caption);
+      }
+      return text;
+    });
+    return {
+      ns,
+      captionText,
+      changeCollapse,
+      isCollapse
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const classArr = [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("hidden", !this.controller.state.visible)];
+    if (this.modelData.showCaption === true) {
+      classArr.push(this.ns.m("show-header"));
+      classArr.push(this.ns.b("collapse"));
+      classArr.push(this.ns.is("collapse", this.isCollapse));
+      if (this.controller.disableClose) {
+        classArr.push(this.ns.bm("collapse", "disable-close"));
+      }
+    }
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    let header = null;
+    if (this.modelData.showCaption) {
+      header = createVNode("div", {
+        "class": [this.ns.b("header")],
+        "onClick": this.changeCollapse
+      }, [createVNode("div", {
+        "class": [this.ns.be("header", "left")]
+      }, [createVNode("div", {
+        "class": [this.ns.e("caption"), ...this.controller.labelClass]
+      }, [this.captionText])]), createVNode("div", {
+        "class": [this.ns.be("header", "right")]
+      }, [this.modelData.titleBarCloseMode !== void 0 && this.modelData.titleBarCloseMode !== 0 && (this.isCollapse ? createVNode("ion-icon", {
+        "name": "caret-forward-sharp"
+      }, null) : createVNode("ion-icon", {
+        "name": "caret-down-sharp"
+      }, null))])]);
+    }
+    return createVNode("div", {
+      "class": classArr
+    }, [header, createVNode("div", {
+      "class": [this.ns.b("content")]
+    }, [content])]);
+  }
+});
+
+export { PanelContainerGroup };

package/es/panel-component/panel-container-group/panel-container-group.provider.d.ts

@@ -0,0 +1,15 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+/**
+ * 面板分组容器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class PanelContainerGroupProvider
+ * @implements {EditorProvider}
+ */
+export declare class PanelContainerGroupProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/panel-container-group/panel-container-group.provider.mjs

@@ -0,0 +1,21 @@
+import { PanelContainerGroupController } from './panel-container-group.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 PanelContainerGroupProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelContainerGroup");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelContainerGroupController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { PanelContainerGroupProvider };

package/es/panel-component/panel-container-group/panel-container-group.state.d.ts

@@ -0,0 +1,12 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 面板分组容器状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class PanelContainerGroupState
+ * @extends {PanelItemState}
+ */
+export declare class PanelContainerGroupState extends PanelItemState {
+}

package/es/panel-component/panel-container-group/panel-container-group.state.mjs

@@ -0,0 +1,7 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class PanelContainerGroupState extends PanelItemState {
+}
+
+export { PanelContainerGroupState };

package/lib/_virtual/customParseFormat.cjs

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

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -17,19 +17,13 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
     const editorModel = c.model;
     let valueSeparator = ",";
     let unlinkPanels = false;
-    let startPlaceHolder = "";
-    let endPlaceHolder = "";
+    const startPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[0] || "" : "";
+    const endPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[1] || "" : "";
     let rangeSeparator = "\u81F3";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
-      if (editorModel.editorParams.startPlaceHolder) {
-        startPlaceHolder = editorModel.editorParams.startPlaceHolder;
-      }
-      if (editorModel.editorParams.endPlaceHolder) {
-        endPlaceHolder = editorModel.editorParams.endPlaceHolder;
-      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -20,8 +20,8 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
     let min = -Infinity;
     let precision = 0;
     let valueSeparator = "-";
-    let startPlaceHolder = "";
-    let endPlaceHolder = "";
+    const startPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[0] || "" : "";
+    const endPlaceHolder = editorModel.placeHolder ? editorModel.placeHolder.split(";")[1] || "" : "";
     let rangeSeparator = "~";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.maxvalue) {
@@ -36,12 +36,6 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
-      if (editorModel.editorParams.startPlaceHolder) {
-        startPlaceHolder = editorModel.editorParams.startPlaceHolder;
-      }
-      if (editorModel.editorParams.endPlaceHolder) {
-        endPlaceHolder = editorModel.editorParams.endPlaceHolder;
-      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }

package/lib/editor/span/span/span.cjs

@@ -6,8 +6,16 @@ require('./span.css');
 var ramda = require('ramda');
 var core = require('@ibiz-template/core');
 var dayjs = require('dayjs');
+var customParseFormat = require('../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.cjs');
 
 "use strict";
+dayjs.extend(customParseFormat.default);
+function isValidDateFormat(dateStr, format) {
+  if (dateStr === format) {
+    return false;
+  }
+  return dayjs(dateStr, format, true).isValid();
+}
 const IBizSpan = /* @__PURE__ */ vue.defineComponent({
   name: "IBizSpan",
   props: vue3Util.getSpanProps(),
@@ -58,7 +66,7 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
               text.value = dayjs(newVal).format(valueFormat);
             } else {
               const tempVal = dayjs(newVal).format(valueFormat);
-              if (tempVal !== "Invalid Date") {
+              if (isValidDateFormat(tempVal, valueFormat)) {
                 text.value = tempVal;
               } else {
                 text.value = ibiz.util.text.format(`${newVal}`, valueFormat);

package/lib/node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/customParseFormat.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('../../../../../../_virtual/_commonjsHelpers.cjs');
+var customParseFormat$2 = require('../../../../../../_virtual/customParseFormat.cjs');
+
+var customParseFormat = customParseFormat$2.__module.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();}(_commonjsHelpers.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.__module, customParseFormat$2.__module.exports));
+
+var customParseFormatExports = customParseFormat$2.__module.exports;
+var customParseFormat$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(customParseFormatExports);
+
+exports.default = customParseFormat$1;

package/lib/panel-component/index.cjs

@@ -19,6 +19,7 @@ var index$7 = require('./panel-index-view-search/index.cjs');
 var index$e = require('./panel-app-login-view/index.cjs');
 var index$f = require('./panel-remember-me/index.cjs');
 var index$8 = require('./index-actions/index.cjs');
+var index$g = require('./panel-container-group/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -53,6 +54,7 @@ const IBizPanelComponents = {
     v.use(index$e.IBizPanelAppLoginView);
     v.use(index$f.IBizPanelRememberMe);
     v.use(index$8.IBizIndexActions);
+    v.use(index$g.IBizPanelContainerGroup);
   }
 };
 

package/lib/panel-component/panel-button/panel-button.css

@@ -1 +1 @@
-.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}
+.ibiz-panel-button{--ibiz-panel-button-icon-margin:var(--ibiz-spacing-extra-tight);--ibiz-panel-button-icon-max-width:var(--ibiz-width-icon-medium);--ibiz-panel-button-icon-max-height:var(--ibiz-width-icon-medium);width:100%;padding:var(--ibiz-spacing-tight);overflow:hidden}.ibiz-panel-button .el-button{width:100%}.ibiz-panel-button .el-button .ibiz-panel-button-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-panel-button .el-button .ibiz-panel-button-content i,.ibiz-panel-button .el-button .ibiz-panel-button-content img{display:inline-block;max-width:var(--ibiz-panel-button-icon-max-width);max-height:var(--ibiz-panel-button-icon-max-height)}.ibiz-panel-button .el-button .ibiz-panel-button-content .ibiz-icon+.ibiz-panel-button-content--caption{margin-left:var(--ibiz-panel-button-icon-margin)}.ibiz-panel-button.is-loading .el-button .ibiz-icon{display:none}

package/lib/panel-component/panel-container-group/index.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var panelContainerGroup_state = require('./panel-container-group.state.cjs');
+var panelContainerGroup_provider = require('./panel-container-group.provider.cjs');
+var panelContainerGroup_controller = require('./panel-container-group.controller.cjs');
+var panelContainerGroup = require('./panel-container-group.cjs');
+
+"use strict";
+const IBizPanelContainerGroup = vue3Util.withInstall(
+  panelContainerGroup.PanelContainerGroup,
+  function(v) {
+    v.component(panelContainerGroup.PanelContainerGroup.name, panelContainerGroup.PanelContainerGroup);
+    runtime.registerPanelItemProvider(
+      "CONTAINER_CONTAINER_GROUP",
+      () => new panelContainerGroup_provider.PanelContainerGroupProvider()
+    );
+  }
+);
+
+exports.PanelContainerGroupState = panelContainerGroup_state.PanelContainerGroupState;
+exports.PanelContainerGroupController = panelContainerGroup_controller.PanelContainerGroupController;
+exports.IBizPanelContainerGroup = IBizPanelContainerGroup;
+exports.default = IBizPanelContainerGroup;