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

package/es/control/tree/tree.mjs

@@ -0,0 +1,185 @@
+import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { TreeController } from '@ibiz-template/runtime';
+import { createUUID } from 'qx-util';
+import { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';
+import './tree.css';
+
+"use strict";
+const TreeControl = /* @__PURE__ */ defineComponent({
+  name: "IBizTreeControl",
+  components: {
+    "vs-tree": VsTreeComponent
+  },
+  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: 2
+    },
+    /**
+     * 是否为单选
+     * - true 单选
+     * - false 多选
+     *
+     * @type {(Boolean)}
+     */
+    singleSelect: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup() {
+    var _a, _b;
+    const c = useControlController((...args) => new TreeController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    const checkedKeys = computed(() => {
+      return c.state.selectedData.map((item) => item.srfkey);
+    });
+    const uuid = createUUID();
+    const breadcrumb = ref(true);
+    const treeData = computed(() => {
+      if (!c.state.isLoaded) {
+        return [];
+      }
+      return c.model.rootVisible ? c.state.rootNodes : c.state.rootNodes.reduce((result, nodeData) => {
+        if (nodeData.children) {
+          return result.concat(nodeData.children);
+        }
+        return result;
+      }, []);
+    });
+    const loadData = async (item, callback) => {
+      if (!c.state.isLoaded) {
+        return;
+      }
+      const nodes = await c.loadNodes(item.data);
+      callback(nodes);
+    };
+    const onNodeCheck = (event, opts) => {
+      const {
+        originData
+      } = opts;
+      c.onTreeNodeClick(originData);
+    };
+    const onNodeClick = (event, opts) => {
+      event.stopPropagation();
+      const {
+        originData
+      } = opts;
+      if (!originData.leaf) {
+        return;
+      }
+      c.onTreeNodeClick(originData);
+    };
+    const treeDataFormat = (data) => {
+      return {
+        id: data.srfkey,
+        name: data.text,
+        children: data.children,
+        isLeaf: data.leaf
+      };
+    };
+    const renderContent = (h, opts) => {
+      const {
+        originData
+      } = opts;
+      if (!originData.leaf) {
+        return h("div", {
+          text: "\u4E0B\u7EA7",
+          className: "tree-button",
+          click: (e, _opts) => {
+            _opts.store.breadcrumb.list.push(_opts);
+            _opts.setExpand(true);
+          }
+        });
+      }
+    };
+    const customNodeClick = (event, opts) => {
+      const {
+        checked
+      } = opts;
+      opts.setChecked(!checked);
+      onNodeClick(event, opts);
+    };
+    const options = {
+      maxHeight: "100%",
+      // 继承父状态
+      checkInherit: false,
+      // 不能选择父节点
+      nocheckParent: true,
+      rootName: (_b = (_a = c.model.detreeNodes) == null ? void 0 : _a.find((item) => item.rootNode)) == null ? void 0 : _b.name,
+      renderContent,
+      customNodeClick
+    };
+    if (breadcrumb.value) {
+      Object.assign(options, {
+        breadcrumb: {
+          el: `#breadcrumb${uuid}`,
+          link: (node, data) => {
+            return data.name;
+          }
+        }
+      });
+    }
+    return {
+      c,
+      ns,
+      treeData,
+      options,
+      breadcrumb,
+      checkedKeys,
+      uuid,
+      onNodeCheck,
+      onNodeClick,
+      loadData,
+      treeDataFormat
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c
+    }, {
+      default: () => [this.breadcrumb && createVNode(resolveComponent("van-sticky"), null, {
+        default: () => [createVNode("div", {
+          "id": `breadcrumb${this.uuid}`,
+          "class": [this.ns.b("header")]
+        }, null)]
+      }), this.c.state.isCreated && this.c.state.isLoaded && createVNode(resolveComponent("vs-tree"), {
+        "show-line": true,
+        "class": [this.ns.b("content")],
+        "lazy": true,
+        "strictLeaf": true,
+        "options": this.options,
+        "show-checkbox": !this.c.state.singleSelect,
+        "data": this.treeData,
+        "highlightCurrent": true,
+        "checkedKeys": this.checkedKeys,
+        "format": this.treeDataFormat,
+        "load": this.loadData,
+        "onCheck": this.onNodeCheck
+      }, null)]
+    });
+  }
+});
+
+export { TreeControl, TreeControl as default };

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

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

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

package/es/editor/cascader/cascader-editor.controller.d.ts

@@ -0,0 +1,10 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ICascader } from '@ibiz/model-core';
+/**
+ * 级联选择器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class CascaderEditorController extends EditorController<ICascader> {
+}

package/es/editor/cascader/cascader-editor.controller.mjs

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

package/es/editor/cascader/cascader-editor.provider.d.ts

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ICascader } from '@ibiz/model-core';
+import { CascaderEditorController } from './cascader-editor.controller';
+/**
+ * 级联选择器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class CascaderEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class CascaderEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ICascader, parentController: IEditorContainerController): Promise<CascaderEditorController>;
+}

package/es/editor/cascader/cascader-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { CascaderEditorController } from './cascader-editor.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 CascaderEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizCascader");
+    __publicField(this, "gridEditor", "IBizCascader");
+  }
+  async createController(editorModel, parentController) {
+    const c = new CascaderEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { CascaderEditorProvider };

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.css

@@ -0,0 +1 @@
+.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts

@@ -0,0 +1,67 @@
+import { Ref } from 'vue';
+import './ibiz-cascader.scss';
+import { CascaderEditorController } from '../cascader-editor.controller';
+export declare const IBizCascader: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CascaderEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: CascaderEditorController;
+    valueItems: Ref<IData[]>;
+    editorStyle: string;
+    separator: string;
+    show: Ref<boolean>;
+    treeData: Ref<IData[]>;
+    items: Ref<IData[]>;
+    treeSelectData: Ref<IData[]>;
+    valueItemData: Ref<IData[]>;
+    defaultCheckedKeys: Ref<string[]>;
+    searchValue: Ref<string>;
+    selectValue: Ref<string | string[] | string[][] | null>;
+    onChange: ($event: IData) => void;
+    onBlur: () => void;
+    onFocus: () => void;
+    openPopup: () => void;
+    onClose: () => void;
+    loadData: (node: IData) => Promise<void>;
+    handleCascaderValueChange: ($event: IData) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CascaderEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.mjs

@@ -0,0 +1,273 @@
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getCascaderProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-cascader.css';
+import { clone } from 'ramda';
+import { calcDeCodeNameById } from '@ibiz-template/runtime';
+import { IBizCommonRightIcon } from '../../common/right-icon/right-icon.mjs';
+
+"use strict";
+const IBizCascader = /* @__PURE__ */ defineComponent({
+  name: "IBizCascader",
+  props: getCascaderProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("cascader");
+    const c = props.controller;
+    const editorModel = c.model;
+    const valueItems = ref([]);
+    const editorItems = editorModel.editorItems;
+    if (editorItems && editorItems.length > 0) {
+      const editorItemNames = editorItems.map((item) => {
+        return {
+          name: item.id,
+          appDataEntityId: item.appDataEntityId,
+          appDEDataSetId: item.appDEDataSetId
+        };
+      });
+      valueItems.value = editorItemNames;
+    }
+    let editorStyle = "default";
+    let separator = "/";
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.editorStyle) {
+        editorStyle = editorModel.editorParams.editorStyle;
+      }
+      if (editorModel.editorParams.separator) {
+        separator = editorModel.editorParams.separator;
+      }
+    }
+    const treeData = ref([]);
+    const items = ref([]);
+    const selectValue = ref(null);
+    const treeSelectData = ref([]);
+    const valueItemData = ref([]);
+    const defaultCheckedKeys = ref([]);
+    const searchValue = ref("");
+    const show = ref(false);
+    const onClose = () => {
+      show.value = false;
+    };
+    if (valueItems.value && valueItems.value.length > 0) {
+      valueItems.value.forEach((valueItem) => {
+        valueItemData.value.push({
+          name: valueItem.name,
+          value: []
+        });
+      });
+    }
+    const handleQueryParams = async (index, value) => {
+      const context = clone(c.context);
+      const params = clone(c.params);
+      if (index > 0) {
+        const valueItem = valueItems.value[index - 1];
+        Object.assign(context, {
+          [calcDeCodeNameById(valueItem.appDataEntityId)]: value
+        });
+        const appDataEntity = await ibiz.hub.getAppDataEntity(valueItem.appDataEntityId);
+        Object.assign(params, {
+          [`n_${appDataEntity.keyAppDEFieldId.toLowerCase()}_eq`]: value
+        });
+      }
+      return {
+        context,
+        params
+      };
+    };
+    const fillTreeData = (node, curNodes) => {
+      const {
+        tabIndex,
+        value
+      } = node;
+      let tempNodes = [];
+      if (tabIndex === 0) {
+        if (treeData.value.length > 0) {
+          curNodes.forEach((child) => {
+            const index = treeData.value.findIndex((_node) => child.value === _node.value);
+            if (index > -1) {
+              Object.assign(treeData.value[index], child);
+            } else {
+              treeData.value.push(child);
+              tempNodes.push(child);
+            }
+          });
+        } else {
+          treeData.value = [...curNodes];
+          tempNodes = [...curNodes];
+        }
+      } else {
+        const getTreeData = (nodes, parentKey) => {
+          if (nodes && nodes.length > 0) {
+            nodes.forEach((_node) => {
+              if (_node.value === value) {
+                if (_node.children && _node.children.length > 0) {
+                  curNodes.forEach((childNode) => {
+                    const index = _node.children.findIndex((child) => child.value === childNode.value);
+                    if (index > -1) {
+                      Object.assign(_node.children[index], childNode);
+                    } else {
+                      _node.children.push(childNode);
+                      tempNodes.push(childNode);
+                    }
+                  });
+                } else {
+                  _node.children = curNodes;
+                  tempNodes = curNodes;
+                }
+              } else {
+                getTreeData(_node.children, parentKey);
+              }
+            });
+          }
+        };
+        getTreeData(treeData.value, value);
+      }
+      const tempSelectValue = selectValue.value || [];
+      setTimeout(() => {
+        selectValue.value = tempSelectValue;
+      });
+      return tempNodes;
+    };
+    const loadData = async (node) => {
+      const {
+        tabIndex
+      } = node;
+      const value = Object.is(editorStyle, "default") ? node.value : node.data ? node.data.value : null;
+      const valueItem = valueItems.value[tabIndex];
+      try {
+        if (valueItem.appDataEntityId && valueItem.appDEDataSetId) {
+          const {
+            context,
+            params
+          } = await handleQueryParams(tabIndex, value);
+          const app = ibiz.hub.getApp(c.context.srfappid);
+          const response = await app.deService.exec(valueItem.appDataEntityId, valueItem.appDEDataSetId, context, params);
+          if (response && response.status === 200 && response.data.length > 0) {
+            const nodes = response.data.map((item, index) => ({
+              ...item,
+              value: item.srfkey,
+              text: item.srfmajortext ? item.srfmajortext : `\u6807\u9898${index}`,
+              nodekey: `${value ? `${value}_${item.srfkey}` : item.srfkey}`,
+              children: tabIndex === valueItems.value.length - 1 ? void 0 : []
+            }));
+            nodes.forEach((_node) => {
+              const index = items.value.findIndex((item) => _node.value === item.value);
+              if (index > -1) {
+                items.value[index] = _node;
+              } else {
+                items.value.push(_node);
+              }
+            });
+            if (Object.is(editorStyle, "default")) {
+              fillTreeData(node, nodes);
+            }
+          }
+        }
+      } catch (error) {
+        console.log(valueItem, "\u67E5\u8BE2\u6570\u636E\u96C6\u5931\u8D25");
+      }
+    };
+    const handleCascaderValueChange = ($event) => {
+      const {
+        selectedOptions
+      } = $event;
+      onClose();
+      valueItemData.value.forEach((valueItem) => {
+        valueItem.value = [];
+      });
+      if (selectedOptions == null ? void 0 : selectedOptions.length) {
+        selectedOptions.forEach((item, index) => {
+          valueItemData.value[index].value.push(item.value);
+        });
+      }
+      const curSelectText = selectedOptions.map((item) => item.text);
+      valueItemData.value.forEach((valueItem) => {
+        emit("change", valueItem.value.length > 0 ? valueItem.value.join(",") : null, valueItem.name);
+      });
+      emit("change", curSelectText.length > 0 ? curSelectText.join(separator) : null);
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    const onFocus = () => {
+      emit("focus");
+    };
+    const openPopup = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (treeData.value.length === 0) {
+        loadData({
+          tabIndex: 0
+        });
+      }
+      show.value = !show.value;
+    };
+    const onChange = ($event) => {
+      const tabIndex = $event.tabIndex + 1;
+      if (tabIndex === valueItems.value.length) {
+        handleCascaderValueChange($event);
+        return;
+      }
+      loadData({
+        ...$event,
+        tabIndex
+      });
+    };
+    return {
+      ns,
+      c,
+      valueItems,
+      editorStyle,
+      separator,
+      show,
+      treeData,
+      items,
+      treeSelectData,
+      valueItemData,
+      defaultCheckedKeys,
+      searchValue,
+      selectValue,
+      onChange,
+      onBlur,
+      onFocus,
+      openPopup,
+      onClose,
+      loadData,
+      handleCascaderValueChange
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [createVNode(resolveComponent("van-field"), {
+      "modelValue": this.value,
+      "onUpdate:modelValue": ($event) => this.value = $event,
+      "readonly": true,
+      "disabled": this.disabled,
+      "placeholder": this.c.placeHolder,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onClick": this.openPopup
+    }, {
+      "right-icon": createVNode(IBizCommonRightIcon, null, null)
+    }), createVNode(resolveComponent("van-popup"), {
+      "show": this.show,
+      "round": true,
+      "position": "bottom"
+    }, {
+      default: () => [createVNode(resolveComponent("van-cascader"), {
+        "modelValue": this.selectValue,
+        "onUpdate:modelValue": ($event) => this.selectValue = $event,
+        "title": this.c.placeHolder ? this.c.placeHolder : " ",
+        "options": this.treeData,
+        "onClose": this.onClose,
+        "onChange": this.onChange,
+        "onFinish": this.handleCascaderValueChange
+      }, null)]
+    })]);
+  }
+});
+
+export { IBizCascader };

package/es/editor/cascader/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizCascader } from './ibiz-cascader/ibiz-cascader';
+export * from './cascader-editor.controller';
+export * from './cascader-editor.provider';

package/es/editor/cascader/index.mjs

@@ -0,0 +1,5 @@
+export { IBizCascader } from './ibiz-cascader/ibiz-cascader.mjs';
+export { CascaderEditorController } from './cascader-editor.controller.mjs';
+export { CascaderEditorProvider } from './cascader-editor.provider.mjs';
+
+"use strict";

package/es/editor/check-box/check-box-editor.controller.d.ts

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ICheckBox } from '@ibiz/model-core';
+/**
+ * 选项框编辑器控制器
+ *
+ * @export
+ * @class CheckBoxEditorController
+ * @extends {EditorController}
+ */
+export declare class CheckBoxEditorController extends EditorController<ICheckBox> {
+}

package/es/editor/check-box/check-box-editor.controller.mjs

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

package/es/editor/check-box/check-box-editor.provider.d.ts

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ICheckBox } from '@ibiz/model-core';
+import { CheckBoxEditorController } from './check-box-editor.controller';
+/**
+ * 选项框编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class CheckBoxEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class CheckBoxEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ICheckBox, parentController: IEditorContainerController): Promise<CheckBoxEditorController>;
+}

package/es/editor/check-box/check-box-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { CheckBoxEditorController } from './check-box-editor.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 CheckBoxEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizCheckbox");
+    __publicField(this, "gridEditor", "IBizCheckbox");
+  }
+  async createController(editorModel, parentController) {
+    const c = new CheckBoxEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { CheckBoxEditorProvider };