@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/dist/tree-SFO3fWSy.js

@@ -0,0 +1,2 @@
+System.register(["vue","@ibiz-template/vue3-util","@ibiz-template/runtime","qx-util","@ibiz-template-package/vs-tree-ex"],function(g){"use strict";var l,a,u,s,c,d,h,m,f,p;return{setters:[function(t){l=t.defineComponent,a=t.computed,u=t.ref,s=t.createVNode,c=t.resolveComponent},function(t){d=t.useControlController,h=t.useNamespace},function(t){m=t.TreeController},function(t){f=t.createUUID},function(t){p=t.VsTreeComponent}],execute:function(){const t=l({name:"IBizTreeControl",components:{"vs-tree":p},props:{modelData:{type:Object,required:!0},context:{type:Object,required:!0},params:{type:Object,default:()=>({})},mdctrlActiveMode:{type:Number,default:2},singleSelect:{type:Boolean,default:!0}},setup(){var C,b;const o=d((...e)=>new m(...e)),D=h(`control-${o.model.controlType.toLowerCase()}`),T=a(()=>o.state.selectedData.map(e=>e.srfkey)),k=f(),N=u(!0),x=a(()=>o.state.isLoaded?o.model.rootVisible?o.state.rootNodes:o.state.rootNodes.reduce((e,r)=>r.children?e.concat(r.children):e,[]):[]),z=async(e,r)=>{if(!o.state.isLoaded)return;const n=await o.loadNodes(e.data);r(n)},L=(e,r)=>{const{originData:n}=r;o.onTreeNodeClick(n)},v=(e,r)=>{e.stopPropagation();const{originData:n}=r;n.leaf&&o.onTreeNodeClick(n)},w=e=>({id:e.srfkey,name:e.text,children:e.children,isLeaf:e.leaf}),B=(e,r)=>{const{originData:n}=r;if(!n.leaf)return e("div",{text:"\u4E0B\u7EA7",className:"tree-button",click:(j,i)=>{i.store.breadcrumb.list.push(i),i.setExpand(!0)}})},V=(e,r)=>{const{checked:n}=r;r.setChecked(!n),v(e,r)},y={maxHeight:"100%",checkInherit:!1,nocheckParent:!0,rootName:(b=(C=o.model.detreeNodes)==null?void 0:C.find(e=>e.rootNode))==null?void 0:b.name,renderContent:B,customNodeClick:V};return N.value&&Object.assign(y,{breadcrumb:{el:`#breadcrumb${k}`,link:(e,r)=>r.name}}),{c:o,ns:D,treeData:x,options:y,breadcrumb:N,checkedKeys:T,uuid:k,onNodeCheck:L,onNodeClick:v,loadData:z,treeDataFormat:w}},render(){return s(c("iBizControlBase"),{controller:this.c},{default:()=>[this.breadcrumb&&s(c("van-sticky"),null,{default:()=>[s("div",{id:`breadcrumb${this.uuid}`,class:[this.ns.b("header")]},null)]}),this.c.state.isCreated&&this.c.state.isLoaded&&s(c("vs-tree"),{"show-line":!0,class:[this.ns.b("content")],lazy:!0,strictLeaf:!0,options:this.options,"show-checkbox":!this.c.state.singleSelect,data:this.treeData,highlightCurrent:!0,checkedKeys:this.checkedKeys,format:this.treeDataFormat,load:this.loadData,onCheck:this.onNodeCheck},null)]})}});g({TreeControl:t,default:t})}}});
+//# sourceMappingURL=tree-SFO3fWSy.js.map

package/dist/tree-SFO3fWSy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-SFO3fWSy.js","sources":["../src/control/tree/tree.tsx"],"sourcesContent":["import { useControlController, useNamespace } from '@ibiz-template/vue3-util';\nimport { computed, defineComponent, PropType, ref, VNode } from 'vue';\nimport { IDETree } from '@ibiz/model-core';\nimport { ITreeNodeData, TreeController } from '@ibiz-template/runtime';\nimport { createUUID } from 'qx-util';\nimport { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';\nimport './tree.scss';\n\nexport const TreeControl = defineComponent({\n  name: 'IBizTreeControl',\n  components: {\n    'vs-tree': VsTreeComponent,\n  },\n  props: {\n    modelData: { type: Object as PropType<IDETree>, required: true },\n    context: { type: Object as PropType<IContext>, required: true },\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    /**\n     * 部件行数据默认激活模式\n     * - 0 不激活\n     * - 1 单击激活\n     * - 2 双击激活(默认值)\n     *\n     * @type {(number | 0 | 1 | 2)}\n     */\n    mdctrlActiveMode: { type: Number, default: 2 },\n\n    /**\n     * 是否为单选\n     * - true 单选\n     * - false 多选\n     *\n     * @type {(Boolean)}\n     */\n    singleSelect: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController((...args) => new TreeController(...args));\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    // 默认选中项\n    const checkedKeys = computed(() => {\n      return c.state.selectedData.map(item => item.srfkey);\n    });\n\n    const uuid = createUUID();\n\n    // 启用面包屑功能\n    const breadcrumb = ref(true);\n    // 节点单击\n\n    /** 树展示数据 */\n    const treeData = computed(() => {\n      if (!c.state.isLoaded) {\n        return [];\n      }\n      return c.model.rootVisible\n        ? c.state.rootNodes\n        : c.state.rootNodes.reduce<ITreeNodeData[]>((result, nodeData) => {\n            if (nodeData.children) {\n              return result.concat(nodeData.children);\n            }\n            return result;\n          }, []);\n    });\n\n    /**\n     * 触发节点加载数据\n     * @author zk\n     * @date 2023-05-29 09:16:07\n     * @param {IData} item\n     * @param {(nodes: IData[]) => void} callback\n     */\n    const loadData = async (\n      item: IData,\n      callback: (nodes: IData[]) => void,\n    ) => {\n      // 没加载前拦截\n      if (!c.state.isLoaded) {\n        return;\n      }\n      // 加载时拦截点击事件\n      const nodes = await c.loadNodes(item.data);\n      callback(nodes);\n    };\n\n    /**\n     * 多选时选中节点变更\n     *\n     * @param {ITreeNodeData} nodeData\n     */\n    const onNodeCheck = (event: Event, opts: IData) => {\n      const { originData } = opts;\n      c.onTreeNodeClick(originData);\n    };\n\n    const onNodeClick = (event: Event, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return;\n      }\n      c.onTreeNodeClick(originData);\n    };\n\n    /**\n     * 树数据格式化\n     *\n     * @author zk\n     * @date 2023-07-03 11:07:59\n     * @param {ITreeNodeData} data\n     * @return {*}\n     */\n    const treeDataFormat = (data: ITreeNodeData) => {\n      return {\n        id: data.srfkey,\n        name: data.text,\n        children: data.children,\n        isLeaf: data.leaf,\n      };\n    };\n\n    const renderContent = (\n      h: (tag: string, opt: IData) => VNode,\n      opts: IData,\n    ) => {\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return h('div', {\n          text: '下级',\n          className: 'tree-button',\n          click: (e: Event, _opts: IData) => {\n            _opts.store.breadcrumb.list.push(_opts);\n            _opts.setExpand(true);\n          },\n        });\n      }\n    };\n\n    const customNodeClick = (event: Event, opts: IData) => {\n      const { checked } = opts;\n      opts.setChecked(!checked);\n      onNodeClick(event, opts);\n    };\n\n    // vs树配置项\n    const options = {\n      maxHeight: '100%',\n      // 继承父状态\n      checkInherit: false,\n      // 不能选择父节点\n      nocheckParent: true,\n      rootName: c.model.detreeNodes?.find(item => item.rootNode)?.name,\n      renderContent,\n      customNodeClick,\n    };\n\n    if (breadcrumb.value) {\n      Object.assign(options, {\n        breadcrumb: {\n          el: `#breadcrumb${uuid}`,\n          link: (node: IData, data: IData) => {\n            return data.name;\n          },\n        },\n      });\n    }\n    return {\n      c,\n      ns,\n      treeData,\n      options,\n      breadcrumb,\n      checkedKeys,\n      uuid,\n      onNodeCheck,\n      onNodeClick,\n      loadData,\n      treeDataFormat,\n    };\n  },\n  render() {\n    return (\n      <iBizControlBase controller={this.c}>\n        {this.breadcrumb && (\n          <van-sticky>\n            <div\n              id={`breadcrumb${this.uuid}`}\n              class={[this.ns.b('header')]}\n            ></div>\n          </van-sticky>\n        )}\n        {this.c.state.isCreated && this.c.state.isLoaded && (\n          <vs-tree\n            show-line\n            class={[this.ns.b('content')]}\n            lazy={true}\n            strictLeaf={true}\n            options={this.options}\n            show-checkbox={!this.c.state.singleSelect}\n            data={this.treeData}\n            highlightCurrent={true}\n            checkedKeys={this.checkedKeys}\n            format={this.treeDataFormat}\n            load={this.loadData}\n            onCheck={this.onNodeCheck}\n          ></vs-tree>\n        )}\n      </iBizControlBase>\n    );\n  },\n});\n\nexport default TreeControl;\n"],"names":["TreeControl","defineComponent","components","VsTreeComponent","props","modelData","type","required","context","params","Object","default","setup","c","_a","_b","useControlController","args","TreeController","checkedKeys","useNamespace","computed","item","breadcrumb","ref","result","nodeData","model","loadData","callback","nodes","onNodeCheck","event","opts","originData","onNodeClick","treeDataFormat","data","onTreeNodeClick","e","_opts","customNodeClick","checked","options","srfkey","renderContent","text","uuid","className","ns","treeData","maxHeight","checkInherit","_createVNode","_resolveComponent","nocheckParent","rootName","value","assign","link","node"],"mappings":"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"}

package/es/_virtual/_commonjsHelpers.mjs

@@ -0,0 +1,40 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { commonjsGlobal, getAugmentedNamespace, getDefaultExportFromCjs, getDefaultExportFromNamespaceIfNotNamed, getDefaultExportFromNamespaceIfPresent };

package/es/_virtual/rolldate.min.mjs

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

package/es/common/action-toolbar/action-toolbar.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-action-toolbar{--ibiz-action-toolbar-item-margin:0 0 0 4px;--ibiz-action-toolbar-separator-width:2px;--ibiz-action-toolbar-separator-color:var(--ibiz-color-border)}.ibiz-action-toolbar__item+.ibiz-action-toolbar__item{margin:var(--ibiz-action-toolbar-item-margin)}.ibiz-action-toolbar__separator{display:inline-block;width:var(--ibiz-action-toolbar-separator-width);vertical-align:middle;background-color:var(--ibiz-action-toolbar-separator-color)}.ibiz-action-toolbar__separator:first-child{display:none}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption{cursor:pointer}.ibiz-action-toolbar--dropdown .ibiz-action-toolbar__caption-icon{vertical-align:bottom}

package/es/common/action-toolbar/action-toolbar.d.ts

@@ -0,0 +1,64 @@
+import { PropType } from 'vue';
+import { IButtonContainerState } from '@ibiz-template/runtime';
+import { IAppDEUIActionGroupDetail } from '@ibiz/model-core';
+import './action-toolbar.scss';
+export declare const IBizActionToolbar: import("vue").DefineComponent<{
+    actionDetails: {
+        type: {
+            (arrayLength: number): IAppDEUIActionGroupDetail[];
+            (...items: IAppDEUIActionGroupDetail[]): IAppDEUIActionGroupDetail[];
+            new (arrayLength: number): IAppDEUIActionGroupDetail[];
+            new (...items: IAppDEUIActionGroupDetail[]): IAppDEUIActionGroupDetail[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    actionsState: {
+        type: PropType<IButtonContainerState>;
+        required: true;
+    };
+    caption: StringConstructor;
+    mode: {
+        type: PropType<"dropdown" | "buttons">;
+        default: string;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    handleClick: (detail: IAppDEUIActionGroupDetail, event: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actionDetails: {
+        type: {
+            (arrayLength: number): IAppDEUIActionGroupDetail[];
+            (...items: IAppDEUIActionGroupDetail[]): IAppDEUIActionGroupDetail[];
+            new (arrayLength: number): IAppDEUIActionGroupDetail[];
+            new (...items: IAppDEUIActionGroupDetail[]): IAppDEUIActionGroupDetail[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    actionsState: {
+        type: PropType<IButtonContainerState>;
+        required: true;
+    };
+    caption: StringConstructor;
+    mode: {
+        type: PropType<"dropdown" | "buttons">;
+        default: string;
+    };
+}>>, {
+    mode: "dropdown" | "buttons";
+}, {}>;

package/es/common/action-toolbar/action-toolbar.mjs

@@ -0,0 +1,66 @@
+import { createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './action-toolbar.css';
+
+"use strict";
+const IBizActionToolbar = /* @__PURE__ */ defineComponent({
+  name: "IBizActionToolbar",
+  props: {
+    actionDetails: {
+      type: Array,
+      required: true
+    },
+    actionsState: {
+      type: Object,
+      required: true
+    },
+    caption: String,
+    mode: {
+      type: String,
+      default: "buttons"
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("action-toolbar");
+    const handleClick = async (detail, event) => {
+      event.stopPropagation();
+      emit("action-click", detail, event);
+    };
+    return {
+      ns,
+      handleClick
+    };
+  },
+  render() {
+    const details = this.actionDetails || [];
+    if (this.mode === "buttons") {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")]
+      }, [details.length > 0 && details.map((detail) => {
+        if (this.actionsState[detail.id].visible) {
+          return [detail.addSeparator && createVNode("div", {
+            "class": this.ns.e("separator")
+          }, null), createVNode(resolveComponent("van-button"), {
+            "text": detail.showCaption ? detail.caption : "",
+            "size": "small",
+            "onClick": (e) => this.handleClick(detail, e),
+            "disabled": this.actionsState[detail.id].disabled,
+            "class": [this.ns.e("item"), this.ns.is("disabled", false)]
+          }, {
+            icon: () => {
+              return detail.showIcon && detail.sysImage && createVNode(resolveComponent("iBizIcon"), {
+                "icon": detail.sysImage
+              }, null);
+            }
+          })];
+        }
+        return null;
+      })]);
+    }
+    return createVNode("div", null, [createTextVNode("\u4E0B\u62C9\u6A21\u5F0F\u6682\u4E0D\u652F\u6301")]);
+  }
+});
+
+export { IBizActionToolbar };

package/es/common/col/col.css

@@ -0,0 +1 @@
+.ibiz-col--flex{min-width:0;min-height:0}.ibiz-col.is-hidden{display:none}.ibiz-spacing-top--outersmall{margin-top:var(--ibiz-spacing-tight)}.ibiz-spacing-top--outermedium{margin-top:var(--ibiz-spacing-base)}.ibiz-spacing-top--outerlarge{margin-top:var(--ibiz-spacing-loose)}.ibiz-spacing-top--outernone{margin-top:var(--ibiz-spacing-none)}.ibiz-spacing-top--innersmall{padding-top:var(--ibiz-spacing-tight)}.ibiz-spacing-top--innermedium{padding-top:var(--ibiz-spacing-base)}.ibiz-spacing-top--innerlarge{padding-top:var(--ibiz-spacing-loose)}.ibiz-spacing-top--innernone{padding-top:var(--ibiz-spacing-none)}.ibiz-spacing-bottom--outersmall{margin-bottom:var(--ibiz-spacing-tight)}.ibiz-spacing-bottom--outermedium{margin-bottom:var(--ibiz-spacing-base)}.ibiz-spacing-bottom--outerlarge{margin-bottom:var(--ibiz-spacing-loose)}.ibiz-spacing-bottom--outernone{margin-bottom:var(--ibiz-spacing-none)}.ibiz-spacing-bottom--innersmall{padding-bottom:var(--ibiz-spacing-tight)}.ibiz-spacing-bottom--innermedium{padding-bottom:var(--ibiz-spacing-base)}.ibiz-spacing-bottom--innerlarge{padding-bottom:var(--ibiz-spacing-loose)}.ibiz-spacing-bottom--innernone{padding-bottom:var(--ibiz-spacing-none)}.ibiz-spacing-left--outersmall{margin-left:var(--ibiz-spacing-tight)}.ibiz-spacing-left--outermedium{margin-left:var(--ibiz-spacing-base)}.ibiz-spacing-left--outerlarge{margin-left:var(--ibiz-spacing-loose)}.ibiz-spacing-left--outernone{margin-left:var(--ibiz-spacing-none)}.ibiz-spacing-left--innersmall{padding-left:var(--ibiz-spacing-tight)}.ibiz-spacing-left--innermedium{padding-left:var(--ibiz-spacing-base)}.ibiz-spacing-left--innerlarge{padding-left:var(--ibiz-spacing-loose)}.ibiz-spacing-left--innernone{padding-left:var(--ibiz-spacing-none)}.ibiz-spacing-right--outersmall{margin-right:var(--ibiz-spacing-tight)}.ibiz-spacing-right--outermedium{margin-right:var(--ibiz-spacing-base)}.ibiz-spacing-right--outerlarge{margin-right:var(--ibiz-spacing-loose)}.ibiz-spacing-right--outernone{margin-right:var(--ibiz-spacing-none)}.ibiz-spacing-right--innersmall{padding-right:var(--ibiz-spacing-tight)}.ibiz-spacing-right--innermedium{padding-right:var(--ibiz-spacing-base)}.ibiz-spacing-right--innerlarge{padding-right:var(--ibiz-spacing-loose)}.ibiz-spacing-right--innernone{padding-right:var(--ibiz-spacing-none)}

package/es/common/col/col.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { ILayoutPos } from '@ibiz/model-core';
+import { IColState } from '@ibiz-template/runtime';
+import './col.scss';
+export declare const IBizCol: import("vue").DefineComponent<{
+    layoutPos: {
+        type: PropType<ILayoutPos>;
+        required: true;
+    };
+    state: {
+        type: PropType<IColState>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    colClass: import("vue").ComputedRef<(string | string[])[]>;
+    gridAttrs: import("vue").ComputedRef<{
+        span?: undefined;
+        offset?: undefined;
+    } | {
+        span: number;
+        offset: number | undefined;
+    }>;
+    cssVars: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layoutPos: {
+        type: PropType<ILayoutPos>;
+        required: true;
+    };
+    state: {
+        type: PropType<IColState>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/common/col/col.mjs

@@ -0,0 +1,103 @@
+import { computed, createVNode, resolveComponent, h, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { calcGridLayoutPos } from '@ibiz-template/runtime';
+import './col.css';
+
+"use strict";
+const IBizCol = /* @__PURE__ */ defineComponent({
+  name: "IBizCol",
+  props: {
+    layoutPos: {
+      type: Object,
+      required: true
+    },
+    state: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("col");
+    const spacingClass = computed(() => {
+      const ns2 = useNamespace("spacing");
+      const classArr = [];
+      if (props.layoutPos.layout !== "FLEX") {
+        return classArr;
+      }
+      const spacings = {
+        top: props.layoutPos.spacingTop,
+        bottom: props.layoutPos.spacingBottom,
+        left: props.layoutPos.spacingLeft,
+        right: props.layoutPos.spacingRight
+      };
+      Object.keys(spacings).forEach((position) => {
+        const value = spacings[position];
+        if (!value) {
+          return;
+        }
+        classArr.push(ns2.bm(position, value.toLowerCase()));
+      });
+      return classArr;
+    });
+    const gridAttrs = computed(() => {
+      const gridLayoutPos = props.layoutPos;
+      if (gridLayoutPos.layout === "FLEX") {
+        return {};
+      }
+      const {
+        md
+      } = calcGridLayoutPos(gridLayoutPos);
+      return {
+        span: md.span,
+        offset: md.offset
+      };
+    });
+    const cssVars = computed(() => {
+      const layout = props.state.layout;
+      const styles = {
+        width: layout.width,
+        height: layout.height
+      };
+      Object.assign(styles, layout.extraStyle);
+      return styles;
+    });
+    const colClass = computed(() => {
+      var _a;
+      return [ns.b(), ((_a = props.layoutPos) == null ? void 0 : _a.layout) === "FLEX" ? ns.m("flex") : ns.m("grid"), ns.is("hidden", !props.state.visible), ...spacingClass.value, props.state.layout.extraClass];
+    });
+    return {
+      ns,
+      colClass,
+      gridAttrs,
+      cssVars
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    if (!this.state.visible && !this.state.keepAlive) {
+      return null;
+    }
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layoutPos) == null ? void 0 : _c.layout) === "FLEX") {
+      const pos = this.layoutPos;
+      return createVNode("div", {
+        "class": this.colClass,
+        "style": {
+          flexGrow: pos.grow,
+          flexShrink: pos.shrink === 1 ? void 0 : pos.shrink,
+          flexBasis: `${pos.basis}px}`,
+          ...this.cssVars
+        }
+      }, [defaultSlot]);
+    }
+    return h(resolveComponent("van-col"), {
+      class: this.colClass,
+      style: this.cssVars,
+      ...this.gridAttrs
+    }, {
+      default: () => defaultSlot
+    });
+  }
+});
+
+export { IBizCol };

package/es/common/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+export * from './col/col';
+export * from './row/row';
+export * from './keep-alive/keep-alive';
+export declare const IBizCommonComponents: {
+    install: (v: App) => void;
+};
+export default IBizCommonComponents;

package/es/common/index.mjs

@@ -0,0 +1,27 @@
+import { IBizViewShell, IBizIcon, IBizControlBase, IBizRouterView, IBizControlShell } from '@ibiz-template/vue3-util';
+import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
+import { IBizCol } from './col/col.mjs';
+import { IBizKeepAlive } from './keep-alive/keep-alive.mjs';
+export { MoveType, ShapeFlags, devtoolsComponentAdded, invokeArrayFns, invokeVNodeHook, isAsyncWrapper, isKeepAlive, queuePostRenderEffect, setTransitionHooks } from './keep-alive/keep-alive.mjs';
+import { IBizNoData } from './no-data/no-data.mjs';
+import { IBizRawItem } from './rawitem/rawitem.mjs';
+import { IBizRow } from './row/row.mjs';
+
+"use strict";
+const IBizCommonComponents = {
+  install: (v) => {
+    v.component(IBizViewShell.name, IBizViewShell);
+    v.component(IBizRow.name, IBizRow);
+    v.component(IBizCol.name, IBizCol);
+    v.component(IBizIcon.name, IBizIcon);
+    v.component(IBizControlBase.name, IBizControlBase);
+    v.component(IBizKeepAlive.name, IBizKeepAlive);
+    v.component(IBizRouterView.name, IBizRouterView);
+    v.component(IBizActionToolbar.name, IBizActionToolbar);
+    v.component(IBizNoData.name, IBizNoData);
+    v.component(IBizControlShell.name, IBizControlShell);
+    v.component(IBizRawItem.name, IBizRawItem);
+  }
+};
+
+export { IBizCol, IBizCommonComponents, IBizKeepAlive, IBizRow, IBizCommonComponents as default };

package/es/common/keep-alive/keep-alive.d.ts

@@ -0,0 +1,45 @@
+import { ComponentInternalInstance, TransitionHooks, VNode, VNodeProps } from 'vue';
+import { queuePostFlushCb } from './scheduler';
+export declare const enum ShapeFlags {
+    ELEMENT = 1,
+    FUNCTIONAL_COMPONENT = 2,
+    STATEFUL_COMPONENT = 4,
+    TEXT_CHILDREN = 8,
+    ARRAY_CHILDREN = 16,
+    SLOTS_CHILDREN = 32,
+    TELEPORT = 64,
+    SUSPENSE = 128,
+    COMPONENT_SHOULD_KEEP_ALIVE = 256,
+    COMPONENT_KEPT_ALIVE = 512,
+    COMPONENT = 6
+}
+export declare const enum MoveType {
+    ENTER = 0,
+    LEAVE = 1,
+    REORDER = 2
+}
+export interface ComponentRenderContext {
+    [key: string]: any;
+    _: ComponentInternalInstance;
+}
+type MatchPattern = string | RegExp | (string | RegExp)[];
+export interface KeepAliveProps {
+    keyList: string[];
+    include?: MatchPattern;
+    exclude?: MatchPattern;
+    max?: number | string;
+}
+export declare const isKeepAlive: (vnode: VNode) => boolean;
+export declare const IBizKeepAlive: {
+    new (): {
+        $props: VNodeProps & KeepAliveProps;
+    };
+    __isKeepAlive: true;
+};
+export declare const isAsyncWrapper: (i: ComponentInternalInstance | VNode) => boolean;
+export declare function setTransitionHooks(vnode: VNode, hooks: TransitionHooks): void;
+export declare const invokeArrayFns: (fns: Function[], arg?: any) => void;
+export declare const queuePostRenderEffect: typeof queuePostFlushCb;
+export declare function invokeVNodeHook(hook: any, instance: ComponentInternalInstance | null, vnode: VNode, prevVNode?: VNode | null): void;
+export declare const devtoolsComponentAdded: (component: ComponentInternalInstance) => void;
+export {};