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

package/es/control/md-ctrl/md-ctrl.mjs

@@ -0,0 +1,210 @@
+import { isVNode, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { MDCtrlController } from '@ibiz-template/runtime';
+import './md-ctrl.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const MDCtrlControl = /* @__PURE__ */ defineComponent({
+  name: "IBizMDCtrlControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * 部件行数据默认激活模式
+     * - 0 不激活
+     * - 1 单击激活
+     * - 2 双击激活(默认值)
+     *
+     * @type {(number | 0 | 1 | 2)}
+     */
+    mdctrlActiveMode: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * 是否为单选
+     * - true 单选
+     * - false 多选
+     *
+     * @type {(Boolean)}
+     */
+    singleSelect: {
+      type: Boolean,
+      default: true
+    },
+    selectedData: {
+      type: Object,
+      required: false
+    },
+    mode: {
+      type: String,
+      default: "LIST"
+    }
+  },
+  setup(props) {
+    const c = useControlController((...args) => new MDCtrlController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const leftSlidingActionGroup = c.model.deuiactionGroup;
+    const rightSlidingActionGroup = c.model.deuiactionGroup2;
+    const renderPanelItem = (item, modelData) => {
+      const {
+        context,
+        params
+      } = c;
+      return createVNode(resolveComponent("iBizControlShell"), {
+        "data": item,
+        "modelData": modelData,
+        "context": context,
+        "params": params,
+        "onClick": () => c.onRowClick(item)
+      }, null);
+    };
+    const isSelect = (row) => {
+      const findIndex = c.state.selectedData.findIndex((data) => {
+        return data.srfkey === row.data.srfkey;
+      });
+      return findIndex !== -1;
+    };
+    const calcItemClass = (row) => {
+      const select = isSelect(row);
+      const itemClass = [ns.b("item"), ns.is("active", select)];
+      return itemClass;
+    };
+    const renderIcon = (row) => {
+      return createVNode("img", {
+        "class": ns.b("image"),
+        "src": row.data.image,
+        "alt": ""
+      }, null);
+    };
+    const renderRightSlot = (row) => {
+      const select = isSelect(row);
+      return createVNode(resolveComponent("van-radio"), {
+        "checked": select
+      }, null);
+    };
+    const renderItemContent = (row) => {
+      const itemClass = calcItemClass(row);
+      const slotOption = {};
+      if (Object.prototype.hasOwnProperty.call(row.data, "image")) {
+        Object.assign(slotOption, {
+          icon: renderIcon(row)
+        });
+      }
+      if (props.mode === "SELECT") {
+        Object.assign(slotOption, {
+          "right-icon": renderRightSlot(row)
+        });
+      }
+      return createVNode(resolveComponent("van-cell"), {
+        "class": itemClass,
+        "is-link": true,
+        "title": row.data.srfmajortext || "",
+        "onClick": () => c.onRowClick(row.data)
+      }, _isSlot(slotOption) ? slotOption : {
+        default: () => [slotOption]
+      });
+    };
+    const renderNoData = () => {
+      const {
+        isLoaded
+      } = c.state;
+      if (!isLoaded) {
+        return;
+      }
+      return isLoaded && createVNode(resolveComponent("iBizNoData"), {
+        "text": c.model.emptyText,
+        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
+      }, null);
+    };
+    const renderSlidingActionGroup = (group, row) => {
+      const groupDetails = group.uiactionGroupDetails || [];
+      if (!groupDetails || groupDetails.length === 0) {
+        return null;
+      }
+      const btnContainer = row.uaColStates[group.id];
+      return groupDetails.map((detail) => {
+        const btn = btnContainer[detail.id];
+        if (btn.visible === false) {
+          return null;
+        }
+        return createVNode(resolveComponent("van-button"), {
+          "square": true,
+          "type": "primary",
+          "text": detail.caption,
+          "disabled": btn.disabled || btn.loading,
+          "onClick": (e) => c.onActionClick(detail, row, e)
+        }, null);
+      });
+    };
+    const renderDefaultItem = (row) => {
+      const panel = props.modelData.itemLayoutPanel;
+      const isItemSliding = !!(leftSlidingActionGroup || rightSlidingActionGroup);
+      if (isItemSliding) {
+        return createVNode(resolveComponent("van-swipe-cell"), {
+          "key": row.data.srfkey
+        }, {
+          left: rightSlidingActionGroup ? () => renderSlidingActionGroup(rightSlidingActionGroup, row) : null,
+          right: leftSlidingActionGroup ? () => renderSlidingActionGroup(leftSlidingActionGroup, row) : null,
+          default: () => {
+            return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+          }
+        });
+      }
+      return panel ? renderPanelItem(row.data, panel) : renderItemContent(row);
+    };
+    const renderDefault = () => {
+      return c.state.rows.map((item) => {
+        return renderDefaultItem(item);
+      });
+    };
+    const renderGroup = () => {
+      return c.state.groups.map((group) => {
+        return createVNode("div", {
+          "title": group.caption
+        }, [createVNode("div", {
+          "class": ns.b("group-caption")
+        }, [createTextVNode(" "), group.caption]), group.children.map((item) => {
+          return renderDefaultItem(item);
+        })]);
+      });
+    };
+    const renderMDContent = () => {
+      return createVNode(resolveComponent("van-list"), {
+        "finished": c.state.total <= c.state.rows.length,
+        "finished-text": c.state.curPage > 1 && "\u6211\u5DF2\u7ECF\u5230\u5E95\u5566~",
+        "onLoad": () => c.loadMore()
+      }, {
+        default: () => [c.model.groupMode !== "NONE" ? renderGroup() : renderDefault()]
+      });
+    };
+    return {
+      c,
+      ns,
+      renderMDContent,
+      renderNoData
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && (this.c.state.rows.length > 0 ? this.renderMDContent() : this.renderNoData())]
+    });
+  }
+});
+
+export { MDCtrlControl };

package/es/control/md-ctrl/md-ctrl.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 多数据部件适配器
+ *
+ * @author chitanda
+ * @date 2023-06-16 10:06:51
+ * @export
+ * @class MDCTRLProvider
+ * @implements {IControlProvider}
+ */
+export declare class MDCtrlProvider implements IControlProvider {
+    component: string;
+}

package/es/control/md-ctrl/md-ctrl.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 MDCtrlProvider {
+  constructor() {
+    __publicField(this, "component", "IBizMDCtrlControl");
+  }
+}
+
+export { MDCtrlProvider };

package/es/control/panel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './view-layout-panel';
+export * from './panel';

package/es/control/panel/index.mjs

@@ -0,0 +1,6 @@
+export { IBizViewLayoutPanelControl } from './view-layout-panel/index.mjs';
+export { IBizPanelControl } from './panel/index.mjs';
+export { ViewLayoutPanelProvider } from './view-layout-panel/view-layout-panel.provider.mjs';
+export { PanelProvider } from './panel/panel.provider.mjs';
+
+"use strict";

package/es/control/panel/panel/index.d.ts

@@ -0,0 +1,51 @@
+export * from './panel.provider';
+export declare const IBizPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    data: import("vue").PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").PanelController<import("@ibiz/model-core").IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+    data: import("vue").PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+}, {}>>;
+export default IBizPanelControl;

package/es/control/panel/panel/index.mjs

@@ -0,0 +1,12 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PanelControl } from './panel.mjs';
+import { PanelProvider } from './panel.provider.mjs';
+
+"use strict";
+const IBizPanelControl = withInstall(PanelControl, function(v) {
+  v.component(PanelControl.name, PanelControl);
+  registerControlProvider(ControlType.PANEL, () => new PanelProvider());
+});
+
+export { IBizPanelControl, PanelProvider, IBizPanelControl as default };

package/es/control/panel/panel/panel.css

@@ -0,0 +1 @@
+.ibiz-control-panel{width:100%;height:100%}.ibiz-control-panel-content{width:100%;height:100%}

package/es/control/panel/panel/panel.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { IPanel } from '@ibiz/model-core';
+import './panel.scss';
+import { IControlProvider, PanelController } from '@ibiz-template/runtime';
+/**
+ * 视图布局面板组件
+ */
+export declare const PanelControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    data: PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: PanelController<IPanel, import("@ibiz-template/runtime").IPanelState, import("@ibiz-template/runtime").IPanelEvent>;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+    data: PropType<IData>;
+    loadDefault: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    loadDefault: boolean;
+}, {}>;

package/es/control/panel/panel/panel.mjs

@@ -0,0 +1,130 @@
+import { isVNode, createTextVNode, createVNode, resolveComponent, h, watch, reactive, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './panel.css';
+import { PanelController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function renderPanelItem(panelItem, c, ins) {
+  var _a, _b;
+  if (panelItem.hidden) {
+    return;
+  }
+  const {
+    providers,
+    panelItems
+  } = c;
+  const provider = providers[panelItem.id];
+  if (!provider) {
+    return createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, createTextVNode(" - "), panelItem.itemType]);
+  }
+  const component = resolveComponent(provider.component);
+  let children;
+  if (panelItem.itemType === "CTRLPOS" && ins.$slots[panelItem.id]) {
+    children = () => {
+      return ins.$slots[panelItem.id]();
+    };
+  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
+    children = () => {
+      return panelItem.panelTabPages.map((child) => {
+        return renderPanelItem(child, c, ins);
+      });
+    };
+  } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
+    children = () => {
+      return panelItem.panelItems.map((child) => {
+        return renderPanelItem(child, c, ins);
+      });
+    };
+  }
+  return h(component, {
+    modelData: panelItem,
+    controller: panelItems[panelItem.id],
+    key: panelItem.id
+  }, children);
+}
+const PanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    },
+    data: Object,
+    loadDefault: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const c = useControlController((...args) => new PanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    watch(() => props.data, (newVal) => {
+      if (newVal) {
+        c.setInputData(newVal);
+        c.load();
+      }
+    }, {
+      immediate: true
+    });
+    c.evt.on("onCreated", () => {
+      const keys = Object.keys(c.panelItems);
+      keys.forEach((key) => {
+        const panelItem = c.panelItems[key];
+        panelItem.state = reactive(panelItem.state);
+      });
+    });
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    const {
+      state,
+      model
+    } = this.c;
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [createVNode(resolveComponent("iBizRow"), {
+        "class": this.ns.b("content"),
+        "layout": {
+          layout: "FLEX"
+        }
+      }, {
+        default: () => {
+          var _a;
+          return [state.isCreated && (this.$slots.default ? this.$slots.default({
+            panelItems: this.c.panelItems
+          }) : (_a = model.rootPanelItems) == null ? void 0 : _a.map((panelItem) => {
+            let _slot;
+            const subC = this.c.panelItems[panelItem.id];
+            panelItem.layoutPos.layout = "FLEX";
+            return createVNode(resolveComponent("iBizCol"), {
+              "layoutPos": panelItem.layoutPos,
+              "state": subC.state
+            }, _isSlot(_slot = renderPanelItem(panelItem, this.c, this)) ? _slot : {
+              default: () => [_slot]
+            });
+          }))];
+        }
+      })]
+    });
+  }
+});
+
+export { PanelControl };

package/es/control/panel/panel/panel.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 面板部件适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class ViewLayoutPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class PanelProvider implements IControlProvider {
+    component: string;
+}

package/es/control/panel/panel/panel.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 PanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPanelControl");
+  }
+}
+
+export { PanelProvider };

package/es/control/panel/view-layout-panel/index.d.ts

@@ -0,0 +1,36 @@
+export * from './view-layout-panel.provider';
+export declare const IBizViewLayoutPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    inputData: import("vue").PropType<IData>;
+}, {
+    c: import("@ibiz-template/runtime").ViewLayoutPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    inputData: import("vue").PropType<IData>;
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizViewLayoutPanelControl;

package/es/control/panel/view-layout-panel/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { ViewLayoutPanelControl } from './view-layout-panel.mjs';
+import { ViewLayoutPanelProvider } from './view-layout-panel.provider.mjs';
+
+"use strict";
+const IBizViewLayoutPanelControl = withInstall(
+  ViewLayoutPanelControl,
+  function(v) {
+    v.component(ViewLayoutPanelControl.name, ViewLayoutPanelControl);
+    registerControlProvider(
+      ControlType.VIEW_LAYOUT_PANEL,
+      () => new ViewLayoutPanelProvider()
+    );
+  }
+);
+
+export { IBizViewLayoutPanelControl, ViewLayoutPanelProvider, IBizViewLayoutPanelControl as default };

package/es/control/panel/view-layout-panel/view-layout-panel.css

@@ -0,0 +1 @@
+.ibiz-control-viewlayoutpanel{width:100%;height:100%}.ibiz-control-viewlayoutpanel-content{width:100%;height:100%}

package/es/control/panel/view-layout-panel/view-layout-panel.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { IViewLayoutPanel } from '@ibiz/model-core';
+import './view-layout-panel.scss';
+import { ViewLayoutPanelController } from '@ibiz-template/runtime';
+/**
+ * 视图布局面板组件
+ */
+export declare const ViewLayoutPanelControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    inputData: PropType<IData>;
+}, {
+    c: ViewLayoutPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IViewLayoutPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    inputData: PropType<IData>;
+}>>, {
+    params: IParams;
+}, {}>;