@ibiz-template/mob-vue3-components 0.0.9 → 0.0.11

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.cjs

@@ -26,11 +26,18 @@ const RepeaterSingleForm = /* @__PURE__ */ vue.defineComponent({
     emit
   }) {
     const ns = vue3Util.useNamespace("repeater-single-form");
+    const getFilteredData = (data) => {
+      const tempData = {};
+      data.$dataUIMap.forEach((dataUI) => {
+        if (data[dataUI.dataKey] !== void 0) {
+          tempData[dataUI.dataKey] = data[dataUI.dataKey];
+        }
+      });
+      return tempData;
+    };
     const onFormDataChange = (event) => {
-      const formData = {
-        ...event.data[0]
-      };
-      emit("change", formData);
+      const data = getFilteredData(event.data[0]);
+      emit("change", data);
     };
     return {
       ns,

package/lib/control/tree/tree.cjs

@@ -66,8 +66,8 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
         return [];
       }
       return c.model.rootVisible ? c.state.rootNodes : c.state.rootNodes.reduce((result, nodeData) => {
-        if (nodeData.children) {
-          return result.concat(nodeData.children);
+        if (nodeData._children) {
+          return result.concat(nodeData._children);
         }
         return result;
       }, []);
@@ -90,7 +90,7 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
       const {
         originData
       } = opts;
-      if (!originData.leaf) {
+      if (!originData._leaf) {
         return;
       }
       c.onTreeNodeClick(originData, event);
@@ -98,16 +98,16 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const treeDataFormat = (data) => {
       return {
         id: data.srfkey,
-        name: data.text,
-        children: data.children,
-        isLeaf: data.leaf
+        name: data._text,
+        children: data._children,
+        isLeaf: data._leaf
       };
     };
     const renderContent = (h, opts) => {
       const {
         originData
       } = opts;
-      if (!originData.leaf) {
+      if (!originData._leaf) {
         return h("div", {
           text: "\u4E0B\u7EA7",
           className: "tree-button",

package/lib/editor/index.cjs

@@ -63,12 +63,12 @@ var pickerEditor_provider = require('./data-picker/picker-editor.provider.cjs');
 var uploadEditor_provider = require('./upload/upload-editor.provider.cjs');
 var numberRangeEditor_provider = require('./number-range/number-range-editor.provider.cjs');
 var dateRangeEditor_provider = require('./date-range/date-range-editor.provider.cjs');
+var checkboxListEditor_provider = require('./check-box-list/checkbox-list-editor.provider.cjs');
 var cascaderEditor_controller = require('./cascader/cascader-editor.controller.cjs');
 var ibizCheckbox = require('./check-box/ibiz-checkbox/ibiz-checkbox.cjs');
 var checkBoxEditor_controller = require('./check-box/check-box-editor.controller.cjs');
 var checkBoxEditor_provider = require('./check-box/check-box-editor.provider.cjs');
 var checkboxListEditor_controller = require('./check-box-list/checkbox-list-editor.controller.cjs');
-var checkboxListEditor_provider = require('./check-box-list/checkbox-list-editor.provider.cjs');
 var pickerEditor_controller = require('./data-picker/picker-editor.controller.cjs');
 var datePickerEditor_controller = require('./date-picker/date-picker-editor.controller.cjs');
 var dateRangeEditor_controller = require('./date-range/date-range-editor.controller.cjs');
@@ -204,6 +204,55 @@ const IBizEditor = {
       "FIELD_CAROUSEL_PICTURE",
       () => new uploadEditor_provider.FileUploaderEditorProvider("CAROUSEL")
     );
+    runtime.registerEditorProvider(
+      "FIELD_TEXTBOX_TEXTBOX",
+      () => textBoxEditorProvider
+    );
+    runtime.registerEditorProvider(
+      "FIELD_TEXTAREA_TEXTAREA",
+      () => textBoxEditorProvider
+    );
+    runtime.registerEditorProvider(
+      "FIELD_RADIOBUTTONLIST_RADIOBUTTONLIST",
+      () => new radioButtonList_provider.RadioButtonListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_CHECKBOXLIST_CHECKBOXLIST",
+      () => new checkboxListEditor_provider.CheckBoxListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_DROPDOWNLIST_DROPDOWNLIST",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_RATING_RATING",
+      () => new rateEditor_provider.RateEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_SWITCH_SWITCH",
+      () => new switchEditor_provider.SwitchEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_SLIDER_SLIDER",
+      () => new sliderEditor_provider.SliderEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_DATEPICKER_DATEPICKER",
+      () => new datePickerEditor_provider.DatePickerEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_DATERANGE_DATERANGE",
+      () => new dateRangeEditor_provider.DateRangeEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_PICKER_PICKER",
+      () => new pickerEditor_provider.DataPickerEditorProvider("PICKER")
+    );
+    runtime.registerEditorProvider("AUTH_USERID_TEXTBOX", () => textBoxEditorProvider);
+    runtime.registerEditorProvider(
+      "AUTH_PASSWORD_PASSWORD",
+      () => textBoxEditorProvider
+    );
   }
 };
 
@@ -245,12 +294,12 @@ exports.DataPickerEditorProvider = pickerEditor_provider.DataPickerEditorProvide
 exports.FileUploaderEditorProvider = uploadEditor_provider.FileUploaderEditorProvider;
 exports.NumberRangeEditorProvider = numberRangeEditor_provider.NumberRangeEditorProvider;
 exports.DateRangeEditorProvider = dateRangeEditor_provider.DateRangeEditorProvider;
+exports.CheckBoxListEditorProvider = checkboxListEditor_provider.CheckBoxListEditorProvider;
 exports.CascaderEditorController = cascaderEditor_controller.CascaderEditorController;
 exports.IBizCheckbox = ibizCheckbox.IBizCheckbox;
 exports.CheckBoxEditorController = checkBoxEditor_controller.CheckBoxEditorController;
 exports.CheckBoxEditorProvider = checkBoxEditor_provider.CheckBoxEditorProvider;
 exports.CheckBoxListEditorController = checkboxListEditor_controller.CheckBoxListEditorController;
-exports.CheckBoxListEditorProvider = checkboxListEditor_provider.CheckBoxListEditorProvider;
 exports.PickerEditorController = pickerEditor_controller.PickerEditorController;
 exports.DatePickerEditorController = datePickerEditor_controller.DatePickerEditorController;
 exports.DateRangeEditorController = dateRangeEditor_controller.DateRangeEditorController;

package/lib/index.cjs

@@ -11,6 +11,8 @@ var index$1 = require('./locale/index.cjs');
 var index$3 = require('./panel-component/index.cjs');
 require('./platform/index.cjs');
 var index$B = require('./view-engine/index.cjs');
+var index$C = require('./view/portal-view/index.cjs');
+require('./style/index.css');
 require('./util/index.cjs');
 require('./view/index.cjs');
 var vueBrowserPlatformProvider = require('./platform/vue-browser-platform-provider.cjs');
@@ -173,8 +175,9 @@ var index = {
     v.use(index$2.IBizCommonComponents);
     v.use(index$B.IBizViewEngine);
     v.use(vue3Util.IBizView);
+    v.use(vue3Util.IBizDeRedirectView);
     v.use(vue3Util.IBizViewLayoutPanelControl);
-    v.use(vue3Util.IBizPortalView);
+    v.use(index$C.IBizPortalView);
     v.use(index$3.IBizPanelComponents);
     v.use(index$5.IBizMDCtrlControl);
     v.use(vue3Util.IBizPanelControl);

package/lib/style/icon.css

@@ -0,0 +1 @@
+.ibiz-icon svg.icon{width:100%;height:100%}.ibiz-icon svg.icon path{fill:currentcolor}

package/lib/style/index.css

@@ -0,0 +1 @@
+.ibiz-icon svg.icon{width:100%;height:100%}.ibiz-icon svg.icon path{fill:currentcolor}

package/lib/util/directive/loading.cjs

@@ -1,11 +1,20 @@
 'use strict';
 
+var vue3Util = require('@ibiz-template/vue3-util');
 var vant = require('vant');
 
 "use strict";
 const INSTANCE_KEY = Symbol("vanLoading");
 const createInstance = (el) => {
-  const options = { message: "\u52A0\u8F7D\u4E2D...", forbidClick: true, teleport: el };
+  const ns = vue3Util.useNamespace("loading");
+  const options = {
+    message: "\u52A0\u8F7D\u4E2D...",
+    forbidClick: true,
+    teleport: el,
+    className: ns.b(),
+    loadingType: "spinner",
+    overlayClass: ns.e("overlay")
+  };
   el[INSTANCE_KEY] = {
     instance: vant.showLoadingToast(options)
   };

package/lib/util/loading-util/loading-util.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var vue3Util = require('@ibiz-template/vue3-util');
 var vant = require('vant');
 
 "use strict";
@@ -43,10 +44,14 @@ class LoadingUtil {
    * @date 2022-12-29 15:12:26
    */
   show() {
+    const ns = vue3Util.useNamespace("loading");
     if (this.count === 0) {
       this.loading = vant.showLoadingToast({
         message: "\u52A0\u8F7D\u4E2D...",
-        forbidClick: true
+        forbidClick: true,
+        className: ns.b(),
+        loadingType: "spinner",
+        overlayClass: ns.e("overlay")
       });
     }
     this.count += 1;

package/lib/util/message-util/message-util.cjs

@@ -4,32 +4,32 @@ var vant = require('vant');
 
 "use strict";
 class MessageUtil {
-  info(msg, duration, closable) {
-    vant.showToast({
+  info(msg, duration, _closable) {
+    vant.showNotify({
       message: msg,
       duration: duration != null ? duration * 1e3 : 1500,
-      closeOnClick: closable
+      type: "primary"
     });
   }
-  success(msg, duration, closable) {
-    vant.showSuccessToast({
+  success(msg, duration, _closable) {
+    vant.showNotify({
       message: msg,
       duration: duration != null ? duration * 1e3 : 1500,
-      closeOnClick: closable
+      type: "success"
     });
   }
-  warning(msg, duration, closable) {
-    vant.showToast({
+  warning(msg, duration, _closable) {
+    vant.showNotify({
       message: msg,
       duration: duration != null ? duration * 1e3 : 1500,
-      closeOnClick: closable
+      type: "warning"
     });
   }
-  error(msg, duration, closable) {
-    vant.showFailToast({
+  error(msg, duration, _closable) {
+    vant.showNotify({
       message: msg,
       duration: duration != null ? duration * 1e3 : 1500,
-      closeOnClick: closable
+      type: "danger"
     });
   }
 }

package/lib/view/portal-view/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var portalView_provider = require('./portal-view.provider.cjs');
+var portalView = require('./portal-view.cjs');
+
+"use strict";
+const IBizPortalView = vue3Util.withInstall(portalView.PortalView, function(v) {
+  v.component(portalView.PortalView.name, portalView.PortalView);
+  runtime.registerViewProvider(
+    runtime.ViewType.APP_PORTAL_VIEW,
+    () => new portalView_provider.PortalViewProvider()
+  );
+  runtime.registerViewProvider(runtime.ViewType.DE_PORTAL_VIEW, () => new portalView_provider.PortalViewProvider());
+  runtime.registerViewProvider(
+    runtime.ViewType.DE_PORTAL_VIEW9,
+    () => new portalView_provider.PortalViewProvider()
+  );
+});
+
+exports.IBizPortalView = IBizPortalView;

package/lib/view/portal-view/portal-view.cjs

@@ -0,0 +1,95 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+require('./portal-view.css');
+var vue3Util = require('@ibiz-template/vue3-util');
+
+"use strict";
+const PortalView = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizPortalView",
+  props: {
+    context: Object,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    modelData: {
+      type: Object,
+      required: true
+    },
+    modal: {
+      type: Object
+    },
+    state: {
+      type: Object
+    }
+  },
+  setup() {
+    var _a;
+    const ns = vue3Util.useNamespace("view");
+    const ns2 = vue3Util.useNamespace("portal-view");
+    const c = vue3Util.useViewController((...args) => new runtime.ViewController(...args));
+    const controls = ((_a = c.model.viewLayoutPanel) == null ? void 0 : _a.controls) || c.model.controls;
+    const {
+      viewType,
+      sysCss,
+      codeName
+    } = c.model;
+    const typeClass = viewType.toLowerCase();
+    const sysCssName = sysCss == null ? void 0 : sysCss.cssName;
+    const viewClassNames = [ns.b(), ns2.b(), ns.b(typeClass), ns.m(codeName), sysCssName];
+    return {
+      c,
+      ns,
+      controls,
+      viewClassNames
+    };
+  },
+  render() {
+    var _a;
+    let content = null;
+    if (this.c.state.isCreated) {
+      const slots = {
+        ...this.$slots
+      };
+      if ((_a = this.controls) == null ? void 0 : _a.length) {
+        this.controls.forEach((ctrl) => {
+          const slotKey = ctrl.name || ctrl.id;
+          const crtlProps = {
+            context: this.c.context,
+            params: this.c.params
+          };
+          if (this.c.slotProps[slotKey]) {
+            Object.assign(crtlProps, this.c.slotProps[slotKey]);
+          }
+          const outCtrlSlot = slots[slotKey];
+          if (outCtrlSlot) {
+            slots[slotKey] = () => {
+              return outCtrlSlot(crtlProps);
+            };
+            return;
+          }
+          const provider = this.c.providers[slotKey];
+          if (provider) {
+            slots[slotKey] = () => {
+              const comp = vue.resolveComponent(provider.component);
+              return vue.h(comp, {
+                modelData: ctrl,
+                ...crtlProps
+              });
+            };
+          }
+        });
+      }
+      if (slots.dashboard) {
+        content = slots.dashboard();
+      }
+    }
+    return vue.createVNode("div", {
+      "class": this.viewClassNames
+    }, [vue.createVNode(vue.resolveComponent("iBizPresetViewHeader"), null, null), content]);
+  }
+});
+
+exports.PortalView = PortalView;

package/lib/view/portal-view/portal-view.css

@@ -0,0 +1 @@
+.ibiz-portal-view{display:flex;flex-direction:column}

package/lib/view/portal-view/portal-view.provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+"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 PortalViewProvider {
+  constructor() {
+    __publicField(this, "component", "IBizPortalView");
+  }
+}
+
+exports.PortalViewProvider = PortalViewProvider;

package/lib/view-engine/mob-edit-view.engine.cjs

@@ -99,8 +99,8 @@ class MobEditViewEngine extends runtime.ViewEngineBase {
   async load() {
     return this.form.load();
   }
-  async save() {
-    return this.form.save();
+  async save(args) {
+    return this.form.save(args);
   }
   async refresh() {
     await this.load();

package/lib/view-engine/mob-wf-dyna-action-view.engine.cjs

@@ -40,7 +40,7 @@ class MobWFDynaActionViewEngine extends mobWfDynaEditView_engine.MobWFDynaEditVi
    */
   async onOkButtonClick() {
     if (this.isEditable) {
-      await this.save();
+      await this.save({ silent: true });
     } else {
       this.form.state.modified = false;
     }

package/lib/view-engine/mob-wf-dyna-edit-view.engine.cjs

@@ -136,7 +136,11 @@ class MobWFDynaEditViewEngine extends mobEditView_engine.MobEditViewEngine {
    * @return {*}  {Promise<string>}
    */
   async calcProcessFormName() {
-    const res = await this.entityService.wf.getWFStep(this.view.context);
+    const res = await this.entityService.wf.getWFStep(
+      Object.assign(this.view.context.clone(), {
+        ...this.view.params
+      })
+    );
     this.isEditable = res.data.isEditable === "true";
     const processForm = res.data["process-mobform"] ? `wfform_${res.data["process-mobform"]}` : "form";
     return processForm;
@@ -213,7 +217,7 @@ class MobWFDynaEditViewEngine extends mobEditView_engine.MobEditViewEngine {
    */
   async wfSubmitByLink(link) {
     if (this.isEditable) {
-      await this.save();
+      await this.save({ silent: true });
     }
     const { sequenceflowmobform } = link;
     const newContext = Object.assign(this.view.context.clone(), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/mob-vue3-components",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -24,12 +24,12 @@
   },
   "dependencies": {
     "@ibiz-template-package/vs-tree-ex": "^0.1.1",
-    "@ibiz-template/core": "^0.5.0-beta.0",
-    "@ibiz-template/model-helper": "^0.5.0-beta.0",
-    "@ibiz-template/runtime": "^0.5.0-beta.0",
-    "@ibiz-template/theme": "^0.4.0",
-    "@ibiz-template/vue3-util": "^0.5.0-beta.0",
-    "@ibiz/model-core": "^0.0.29",
+    "@ibiz-template/core": "^0.5.2",
+    "@ibiz-template/model-helper": "^0.5.2",
+    "@ibiz-template/runtime": "^0.5.2",
+    "@ibiz-template/theme": "^0.5.0",
+    "@ibiz-template/vue3-util": "^0.5.2",
+    "@ibiz/model-core": "^0.1.2",
     "async-validator": "^4.2.5",
     "cherry-markdown": "^0.8.26",
     "dayjs": "^1.11.10",

package/dist/tree-xaVRfp-8.js

@@ -1,2 +0,0 @@
-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,e)},v=(e,r)=>{e.stopPropagation();const{originData:n}=r;n.leaf&&o.onTreeNodeClick(n,e)},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-xaVRfp-8.js.map

package/dist/tree-xaVRfp-8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-xaVRfp-8.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<TreeController>(\n      (...args) => new TreeController(...args),\n    );\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: MouseEvent, opts: IData) => {\n      const { originData } = opts;\n      c.onTreeNodeClick(originData, event);\n    };\n\n    const onNodeClick = (event: MouseEvent, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData.leaf) {\n        return;\n      }\n      c.onTreeNodeClick(originData, event);\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: MouseEvent, 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","renderContent","h","e","_opts","customNodeClick","checked","options","srfkey","text","uuid","className","ns","treeData","maxHeight","checkInherit","_createVNode","_resolveComponent","nocheckParent","rootName","value","assign","link","node"],"mappings":"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"}