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

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

@@ -0,0 +1,109 @@
+import { isVNode, createTextVNode, createVNode, resolveComponent, h, reactive, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './view-layout-panel.css';
+import { ViewLayoutPanelController } 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;
+  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 ((_a = panelItem.panelItems) == null ? void 0 : _a.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 ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizViewLayoutPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    inputData: Object
+  },
+  setup() {
+    const c = useControlController((...args) => new ViewLayoutPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    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 { ViewLayoutPanelControl };

package/es/control/panel/view-layout-panel/view-layout-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 ViewLayoutPanelProvider implements IControlProvider {
+    component: string;
+}

package/es/control/panel/view-layout-panel/view-layout-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 ViewLayoutPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizViewLayoutPanelControl");
+  }
+}
+
+export { ViewLayoutPanelProvider };

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

@@ -0,0 +1,45 @@
+export * from './pickup-view-panel.provider';
+export * from './pickup-view-panel.controller';
+export declare const IBizPickupViewPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEViewPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: import("@ibiz-template/runtime").PickupViewPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+    onCreated: (event: import("@ibiz-template/runtime").EventBase) => void;
+}, 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").IDEViewPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    singleSelect: boolean;
+}, {}>>;
+export default IBizPickupViewPanelControl;

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

@@ -0,0 +1,19 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { PickupViewPanelControl } from './pickup-view-panel.mjs';
+import { PickupViewPanelProvider } from './pickup-view-panel.provider.mjs';
+export { PickupViewPanelController } from './pickup-view-panel.controller.mjs';
+
+"use strict";
+const IBizPickupViewPanelControl = withInstall(
+  PickupViewPanelControl,
+  function(v) {
+    v.component(PickupViewPanelControl.name, PickupViewPanelControl);
+    registerControlProvider(
+      ControlType.PICKUP_VIEW_PANEL,
+      () => new PickupViewPanelProvider()
+    );
+  }
+);
+
+export { IBizPickupViewPanelControl, PickupViewPanelProvider, IBizPickupViewPanelControl as default };

package/es/control/pickup-view-panel/pickup-view-panel.controller.d.ts

@@ -0,0 +1,58 @@
+import { ControlController, IPickupGridViewEvent, IPickupViewPanelController, IPickupViewPanelEvent, IPickupViewPanelState, IViewController, IPickupGridViewState } from '@ibiz-template/runtime';
+import { IAppDEMobMDView, IDEPickupViewPanel } from '@ibiz/model-core';
+/**
+ * 选择面板控制器
+ *
+ * @export
+ * @class PickupViewPanelController
+ * @extends {ControlController<IDEPickupViewPanel, IPickupViewPanelState, IPickupViewPanelEvent>}
+ * @implements {IPickupViewPanelController}
+ */
+export declare class PickupViewPanelController extends ControlController<IDEPickupViewPanel, IPickupViewPanelState, IPickupViewPanelEvent> implements IPickupViewPanelController {
+    /**
+     * 嵌入视图控制器
+     *
+     * @type {IViewController}
+     * @memberof PickupViewPanelController
+     */
+    embedView: IViewController<IAppDEMobMDView, IPickupGridViewState, IPickupGridViewEvent>;
+    /**
+     * 生命周期-创建完成
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof PickupViewPanelController
+     */
+    protected onCreated(): Promise<void>;
+    /**
+     * 初始化导航参数
+     *
+     * @memberof PickupViewPanelController
+     */
+    initNavParam(): void;
+    /**
+     * 设置嵌入视图
+     *
+     * @param {IViewController} view
+     * @memberof PickupViewPanelController
+     */
+    setEmbedView(view: IViewController<IAppDEMobMDView, IPickupGridViewState, IPickupGridViewEvent>): void;
+    /**
+     * 获取选中数据
+     *
+     * @author zk
+     * @date 2023-05-26 03:05:53
+     * @return {*}  {Promise<IData[]>}
+     * @memberof PickupViewPanelController
+     */
+    getSelectedData(): Promise<IData[]>;
+    /**
+     * 获取全部数据
+     *
+     * @author zk
+     * @date 2023-05-26 03:05:49
+     * @return {*}  {Promise<IData[]>}
+     * @memberof PickupViewPanelController
+     */
+    getAllData(): Promise<IData[]>;
+}

package/es/control/pickup-view-panel/pickup-view-panel.controller.mjs

@@ -0,0 +1,99 @@
+import { ControlController, convertNavData } from '@ibiz-template/runtime';
+
+"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 PickupViewPanelController extends ControlController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 嵌入视图控制器
+     *
+     * @type {IViewController}
+     * @memberof PickupViewPanelController
+     */
+    __publicField(this, "embedView");
+  }
+  /**
+   * 生命周期-创建完成
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof PickupViewPanelController
+   */
+  async onCreated() {
+    await super.onCreated();
+    this.initNavParam();
+  }
+  /**
+   * 初始化导航参数
+   *
+   * @memberof PickupViewPanelController
+   */
+  initNavParam() {
+    const { navigateContexts, navigateParams } = this.model;
+    const context = this.context.clone();
+    const params = { ...this.params };
+    if (navigateContexts) {
+      Object.assign(
+        context,
+        convertNavData(navigateContexts, this.context, this.params)
+      );
+    }
+    if (navigateParams) {
+      Object.assign(
+        params,
+        convertNavData(navigateParams, this.context, this.params)
+      );
+    }
+    this.state.context = context;
+    this.state.params = params;
+  }
+  /**
+   * 设置嵌入视图
+   *
+   * @param {IViewController} view
+   * @memberof PickupViewPanelController
+   */
+  setEmbedView(view) {
+    this.embedView = view;
+    this.embedView.evt.on("onSelectionChange", (event) => {
+      this.evt.emit("onSelectionChange", event);
+    });
+    this.embedView.evt.on("onDataActive", (event) => {
+      this.evt.emit("onDataActive", {
+        data: event.data
+      });
+    });
+  }
+  /**
+   * 获取选中数据
+   *
+   * @author zk
+   * @date 2023-05-26 03:05:53
+   * @return {*}  {Promise<IData[]>}
+   * @memberof PickupViewPanelController
+   */
+  async getSelectedData() {
+    const items = await this.embedView.call("GetData");
+    return items;
+  }
+  /**
+   * 获取全部数据
+   *
+   * @author zk
+   * @date 2023-05-26 03:05:49
+   * @return {*}  {Promise<IData[]>}
+   * @memberof PickupViewPanelController
+   */
+  async getAllData() {
+    const items = await this.embedView.call("GetAllData");
+    return items;
+  }
+}
+
+export { PickupViewPanelController };

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

@@ -0,0 +1 @@
+.ibiz-control-pickupviewpanel{height:100%}

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

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { EventBase, PickupViewPanelController } from '@ibiz-template/runtime';
+import './pickup-view-panel.scss';
+export declare const PickupViewPanelControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDEViewPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    c: PickupViewPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+    onCreated: (event: EventBase) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<import("@ibiz/model-core").IDEViewPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    params: IParams;
+    singleSelect: boolean;
+}, {}>;

package/es/control/pickup-view-panel/pickup-view-panel.mjs

@@ -0,0 +1,63 @@
+import { resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { PickupViewPanelController } from '@ibiz-template/runtime';
+import './pickup-view-panel.css';
+
+"use strict";
+const PickupViewPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizPickupViewPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    singleSelect: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new PickupViewPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const onCreated = (event) => {
+      c.setEmbedView(event.view);
+    };
+    return {
+      c,
+      ns,
+      onCreated
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.c.state.isCreated && (this.$slots.default ? this.$slots.default({
+        context: this.c.state.context,
+        params: this.c.state.params,
+        state: {
+          singleSelect: this.c.state.singleSelect
+        },
+        onCreated: this.onCreated
+      }) : h(resolveComponent("IBizViewShell"), {
+        context: this.c.state.context,
+        params: this.c.state.params,
+        viewId: this.c.model.embeddedAppDEViewId,
+        state: {
+          singleSelect: this.c.state.singleSelect
+        },
+        onCreated: this.onCreated
+      }))]
+    });
+  }
+});
+
+export { PickupViewPanelControl };

package/es/control/pickup-view-panel/pickup-view-panel.provider.d.ts

@@ -0,0 +1,11 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 选择视图面板适配器
+ *
+ * @export
+ * @class PickupViewPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class PickupViewPanelProvider implements IControlProvider {
+    component: string;
+}

package/es/control/pickup-view-panel/pickup-view-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 PickupViewPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPickupViewPanelControl");
+  }
+}
+
+export { PickupViewPanelProvider };

package/es/control/search-bar/index.d.ts

@@ -0,0 +1,37 @@
+export * from './search-bar.provider';
+export declare const IBizSearchBarControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").ISearchBar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    c: import("@ibiz-template/runtime").SearchBarController;
+    ns: import("@ibiz-template/core").Namespace;
+    onInput: (value: string) => void;
+    onSearch: () => void;
+    cssVars: import("vue").ComputedRef<Record<string, string>>;
+}, 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").ISearchBar>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizSearchBarControl;

package/es/control/search-bar/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { SearchBarControl } from './search-bar.mjs';
+import { SearchBarProvider } from './search-bar.provider.mjs';
+
+"use strict";
+const IBizSearchBarControl = withInstall(
+  SearchBarControl,
+  function(v) {
+    v.component(SearchBarControl.name, SearchBarControl);
+    registerControlProvider(
+      ControlType.SEARCHBAR,
+      () => new SearchBarProvider()
+    );
+  }
+);
+
+export { IBizSearchBarControl, SearchBarProvider, IBizSearchBarControl as default };

package/es/control/search-bar/search-bar.css

@@ -0,0 +1 @@
+.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-tertiary-light-default)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}

package/es/control/search-bar/search-bar.d.ts

@@ -0,0 +1,39 @@
+import { PropType } from 'vue';
+import { ISearchBar } from '@ibiz/model-core';
+import './search-bar.scss';
+import { SearchBarController } from '@ibiz-template/runtime';
+export declare const SearchBarControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<ISearchBar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    c: SearchBarController;
+    ns: import("@ibiz-template/core").Namespace;
+    onInput: (value: string) => void;
+    onSearch: () => void;
+    cssVars: import("vue").ComputedRef<Record<string, string>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<ISearchBar>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>;

package/es/control/search-bar/search-bar.mjs

@@ -0,0 +1,71 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { debounce } from 'lodash-es';
+import './search-bar.css';
+import { SearchBarController } from '@ibiz-template/runtime';
+
+"use strict";
+const SearchBarControl = /* @__PURE__ */ defineComponent({
+  name: "IBizSearchBarControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new SearchBarController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const onSearch = () => {
+      c.onSearch();
+    };
+    const debounceSearch = debounce(() => {
+      if (onSearch) {
+        onSearch();
+      }
+    }, 500);
+    const onInput = (value) => {
+      c.handleInput(value);
+      debounceSearch();
+    };
+    const cssVars = computed(() => {
+      if (c.model.quickSearchWidth) {
+        return ns.cssVarBlock({
+          "quick-search-width": `${c.model.quickSearchWidth}px`
+        });
+      }
+      return {};
+    });
+    return {
+      c,
+      ns,
+      onInput,
+      onSearch,
+      cssVars
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b()],
+      "style": this.cssVars
+    }, {
+      default: () => [this.c.model.enableQuickSearch && createVNode(resolveComponent("van-search"), {
+        "modelValue": this.c.state.query,
+        "class": this.ns.b("quick-search"),
+        "placeholder": this.c.placeHolder,
+        "onUpdate:model-value": this.onInput
+      }, null)]
+    });
+  }
+});
+
+export { SearchBarControl };