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

package/es/control/dashboard/portlet/portlet-layout/portlet-layout.mjs

@@ -0,0 +1,65 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './portlet-layout.css';
+import { PortletPartController } from '@ibiz-template/runtime';
+
+"use strict";
+const PortletLayout = /* @__PURE__ */ defineComponent({
+  name: "IBizPortletLayout",
+  props: {
+    controller: {
+      type: PortletPartController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("portlet-layout");
+    const c = props.controller;
+    const isShowHeader = computed(() => {
+      return c.model.showTitleBar && (c.model.title || c.model.sysImage) || c.model.uiactionGroup;
+    });
+    const onActionClick = async (detail, event) => {
+      await props.controller.onActionClick(detail, event);
+    };
+    return {
+      ns,
+      isShowHeader,
+      onActionClick
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      model,
+      state
+    } = this.$props.controller;
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns.is("no-header", !this.isShowHeader)]
+    }, [this.isShowHeader && createVNode("div", {
+      "key": "header",
+      "class": this.ns.b("header")
+    }, [createVNode("div", {
+      "class": this.ns.be("header", "left")
+    }, [model.showTitleBar && createVNode("div", {
+      "class": this.ns.e("caption")
+    }, [createVNode(resolveComponent("app-icon"), {
+      "class": this.ns.e("caption-icon"),
+      "icon": model.sysImage
+    }, null), createVNode("span", {
+      "class": this.ns.e("caption-text"),
+      "title": model.title
+    }, [model.title])])]), createVNode("div", {
+      "class": this.ns.be("header", "right")
+    }, [model.uiactionGroup && createVNode(resolveComponent("action-toolbar"), {
+      "class": this.ns.e("toolbar"),
+      "action-details": model.uiactionGroup.uiactionGroupDetails,
+      "actions-state": state.actionGroupState,
+      "onActionClick": this.onActionClick
+    }, null)])]), createVNode("div", {
+      "key": "content",
+      "class": this.ns.b("content")
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)])]);
+  }
+});
+
+export { PortletLayout };

package/es/control/dashboard/portlet/portlet-part/index.d.ts

@@ -0,0 +1 @@
+export * from './portlet-part.state';

package/es/control/dashboard/portlet/portlet-part/index.mjs

@@ -0,0 +1,3 @@
+export { PortletPartState } from './portlet-part.state.mjs';
+
+"use strict";

package/es/control/dashboard/portlet/portlet-part/portlet-part.state.d.ts

@@ -0,0 +1,20 @@
+import { IButtonContainerState, ILayoutState, IPortletClass, IPortletState } from '@ibiz-template/runtime';
+/**
+ *  门户部件控件状态
+ *
+ * @export
+ * @class PortletPartState
+ */
+export declare class PortletPartState implements IPortletState {
+    visible: boolean;
+    keepAlive: boolean;
+    layout: ILayoutState;
+    class: IPortletClass;
+    /**
+     * 界面行为组状态
+     *
+     * @type {(IButtonContainerState | null)}
+     * @memberof PortletPartState
+     */
+    actionGroupState: IButtonContainerState | null;
+}

package/es/control/dashboard/portlet/portlet-part/portlet-part.state.mjs

@@ -0,0 +1,33 @@
+"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 PortletPartState {
+  constructor() {
+    __publicField(this, "visible", true);
+    __publicField(this, "keepAlive", false);
+    __publicField(this, "layout", {
+      width: "",
+      height: "",
+      extraStyle: {},
+      extraClass: [],
+      contentStyle: {}
+    });
+    __publicField(this, "class", {
+      container: [],
+      containerDyna: []
+    });
+    /**
+     * 界面行为组状态
+     *
+     * @type {(IButtonContainerState | null)}
+     * @memberof PortletPartState
+     */
+    __publicField(this, "actionGroupState", null);
+  }
+}
+
+export { PortletPartState };

package/es/control/data-view/data-view.css

@@ -0,0 +1 @@
+.ibiz-control-dataview-item{padding:var(--ibiz-control-dataview-padding);margin:var(--ibiz-control-dataview-margin)}.ibiz-control-dataview{--ibiz-control-dataview-text-color:var(--ibiz-color-text-0);--ibiz-control-dataview-padding:10px;--ibiz-control-dataview-margin:0;height:100%;--van-card-thumb-size:auto}.ibiz-control-dataview .van-list{display:flex;flex-direction:column;height:100%}.ibiz-control-dataview .van-list .van-cell{padding:var(--ibiz-control-dataview-padding)}

package/es/control/data-view/data-view.d.ts

@@ -0,0 +1,55 @@
+import { PropType } from 'vue';
+import { IDEDataView } from '@ibiz/model-core';
+import './data-view.scss';
+import { DataViewControlController } from '@ibiz-template/runtime';
+export declare const DataViewControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEDataView>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: DataViewControlController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IMDControlEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    renderMDContent: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEDataView>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+    singleSelect: boolean;
+}, {}>;

package/es/control/data-view/data-view.mjs

@@ -0,0 +1,143 @@
+import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './data-view.css';
+import { DataViewControlController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DataViewControl = /* @__PURE__ */ defineComponent({
+  name: "IBizDataViewControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    singleSelect: {
+      type: Boolean,
+      default: true
+    },
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const c = useControlController((...args) => new DataViewControlController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const active = ref([]);
+    const renderPanelItem = (item, modelData) => {
+      const {
+        context,
+        params
+      } = c;
+      return createVNode(resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params
+      }, null);
+    };
+    const renderItemAction = (item) => {
+      var _a;
+      return createVNode(resolveComponent("iBizActionToolbar"), {
+        "class": ns.bem("item-content", "bottom", "actions"),
+        "action-details": (_a = c.getOptItemModel().deuiactionGroup) == null ? void 0 : _a.uiactionGroupDetails,
+        "actions-state": c.getOptItemAction(item),
+        "onActionClick": (detail, event) => c.onActionClick(detail, item, event)
+      }, null);
+    };
+    const renderFooter = (item) => {
+      return createVNode("div", {
+        "class": ns.b("item-content")
+      }, [c.getOptItemModel() ? createVNode("div", {
+        "class": ns.be("item-content", "bottom")
+      }, [renderItemAction(item)]) : null]);
+    };
+    const renderCard = (item) => {
+      const model = c.model;
+      const findIndex = c.state.selectedData.findIndex((data) => {
+        return data.srfkey === item.srfkey;
+      });
+      const cardClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
+      const cardStyle = {};
+      if (model.cardWidth) {
+        Object.assign(cardStyle, {
+          width: `${model.cardWidth}px`
+        });
+      }
+      if (model.cardHeight) {
+        Object.assign(cardStyle, {
+          height: `${model.cardHeight}px`
+        });
+      }
+      return createVNode(resolveComponent("van-card"), {
+        "class": cardClass,
+        "title": item.srfmajortext,
+        "desc": item.content,
+        "onClick": () => c.onRowClick(item)
+      }, {
+        footer: () => renderFooter(item)
+      });
+    };
+    const renderDefault = () => {
+      const panel = props.modelData.itemLayoutPanel;
+      return c.state.items.map((item) => {
+        return panel ? renderPanelItem(item, panel) : renderCard(item);
+      });
+    };
+    const renderGroup = () => {
+      let _slot2;
+      return createVNode(resolveComponent("van-collapse"), {
+        "modelValue": active.value,
+        "onUpdate:modelValue": ($event) => active.value = $event
+      }, _isSlot(_slot2 = c.state.groups.map((group, index) => {
+        let _slot;
+        return createVNode(resolveComponent("van-collapse-item"), {
+          "title": group.caption,
+          "name": index
+        }, _isSlot(_slot = group.children.map((item) => {
+          return renderCard(item);
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      })) ? _slot2 : {
+        default: () => [_slot2]
+      });
+    };
+    const renderMDContent = () => {
+      const model = c.model;
+      return createVNode(resolveComponent("van-list"), {
+        "finished": c.state.total <= c.state.items.length,
+        "immediate-check": false,
+        "finished-text": "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~",
+        "onLoad": () => c.loadMore()
+      }, {
+        default: () => [model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
+      });
+    };
+    return {
+      c,
+      ns,
+      renderMDContent
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && [this.renderMDContent()]]
+    });
+  }
+});
+
+export { DataViewControl };

package/es/control/data-view/data-view.provider.d.ts

@@ -0,0 +1,11 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 数据视图（卡片）部件适配器
+ *
+ * @export
+ * @class DataViewControlProvider
+ * @implements {IControlProvider}
+ */
+export declare class DataViewControlProvider implements IControlProvider {
+    component: string;
+}

package/es/control/data-view/data-view.provider.mjs

@@ -0,0 +1,14 @@
+"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 DataViewControlProvider {
+  constructor() {
+    __publicField(this, "component", "IBizDataViewControl");
+  }
+}
+
+export { DataViewControlProvider };

package/es/control/data-view/index.d.ts

@@ -0,0 +1,53 @@
+export * from './data-view.provider';
+export declare const IBizDataViewControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEDataView>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").DataViewControlController<import("@ibiz/model-core").IControl, import("@ibiz-template/runtime").IDataViewControlState, import("@ibiz-template/runtime").IMDControlEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+    renderMDContent: () => JSX.Element;
+}, 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").IDEDataView>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+    singleSelect: boolean;
+}, {}>>;
+export default IBizDataViewControl;

package/es/control/data-view/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { DataViewControl } from './data-view.mjs';
+import { DataViewControlProvider } from './data-view.provider.mjs';
+
+"use strict";
+const IBizDataViewControl = withInstall(
+  DataViewControl,
+  function(v) {
+    v.component(DataViewControl.name, DataViewControl);
+    registerControlProvider(
+      ControlType.DATAVIEW,
+      () => new DataViewControlProvider()
+    );
+  }
+);
+
+export { DataViewControlProvider, IBizDataViewControl, IBizDataViewControl as default };

package/es/control/drtab/drtab.controller.d.ts

@@ -0,0 +1,128 @@
+import { ControlController, IDRTabController, IDRTabEvent, IDRTabState, IDRTabPagesState, IEditFormController, IPanelItemNavPosController } from '@ibiz-template/runtime';
+import { IDEDRCtrlItem, IDEDRTab } from '@ibiz/model-core';
+import { Router } from 'vue-router';
+/**
+ * 数据关系栏控制器
+ *
+ * @export
+ * @class DRTabController
+ * @extends {ControlController<IDEDRTab, IDRTabState, IDRTabEvent>}
+ * @implements {IDRTabController}
+ */
+export declare class DRTabController extends ControlController<IDEDRTab, IDRTabState, IDRTabEvent> implements IDRTabController {
+    /**
+     * 导航占位控制器
+     *
+     * @readonly
+     * @memberof DRTabController
+     */
+    get navPos(): IPanelItemNavPosController;
+    /**
+     * 表单部件
+     *
+     * @readonly
+     * @memberof DRTabController
+     */
+    get form(): IEditFormController;
+    /**
+     * 路由层级
+     *
+     * @readonly
+     * @type {(number | undefined)}
+     * @memberof DRTabController
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * Router 对象
+     *
+     * @type {Router}
+     * @memberof DRTabController
+     */
+    router: Router;
+    /**
+     * 设置 Router 对象
+     *
+     * @param {Router} router
+     * @memberof DRTabController
+     */
+    setRouter(router: Router): void;
+    /**
+     * 获取数据
+     *
+     * @return {*}  {IData[]}
+     * @memberof DRTabController
+     */
+    getData(): IData[];
+    /**
+     * 初始化state的属性
+     *
+     * @protected
+     * @memberof DRTabController
+     */
+    protected initState(): void;
+    /**
+     * 创建完成
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DRTabController
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 加载完成
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof DRTabController
+     */
+    onMounted(): Promise<void>;
+    /**
+     * 处理表单数据变更
+     *
+     * @memberof DRTabController
+     */
+    handleFormChange(): void;
+    /**
+     * 设置关系分页状态
+     *
+     * @param {IDRTabPagesState[]} drTabPages 关系分页
+     * @param {boolean} disabled 禁用状态
+     * @memberof DRTabController
+     */
+    setDRTabPagesState(drTabPages: IDRTabPagesState[], disabled: boolean): void;
+    /**
+     * 初始化关系分页数据
+     *
+     * @memberof DRTabController
+     */
+    initDRTabPages(): void;
+    /**
+     * 处理分页改变
+     *
+     * @memberof DRTabController
+     */
+    handleTabChange(): void;
+    /**
+     * 设置显示状态
+     *
+     * @param {('form' | 'navPos')} ctrlName 显示的部件名称
+     * @memberof DRTabController
+     */
+    setVisible(ctrlName: 'form' | 'navPos'): void;
+    /**
+     * 准备参数
+     *
+     * @param {IDEDRCtrlItem} drTabPages 关系分页
+     * @return {*}
+     * @memberof DRTabController
+     */
+    prepareParams(drTabPages: IDEDRCtrlItem): {
+        context: IContext;
+        params: IParams;
+    };
+    /**
+     * 打开导航占位视图
+     *
+     * @param {IDEDRCtrlItem} drTabPages 关系分页
+     * @memberof DRTabController
+     */
+    openNavPosView(drTabPages: IDEDRCtrlItem): Promise<void>;
+}