@ibiz-template/mob-vue3-components 0.7.41-alpha.10 → 0.7.41-alpha.11

package/es/_virtual/index12.mjs

@@ -1,3 +1,3 @@
-var frameTalkClientPc = {exports: {}};
+var middlewares = {};
 
-export { frameTalkClientPc as __module };
+export { middlewares as __exports };

package/es/_virtual/index13.mjs

@@ -1,3 +1,3 @@
-var middlewares = {};
+var frameTalkClientPc = {exports: {}};
 
-export { middlewares as __exports };
+export { frameTalkClientPc as __module };

package/es/_virtual/index17.mjs

@@ -1,3 +1,3 @@
-var lodash_isequal = {exports: {}};
+var lodash_clonedeep = {exports: {}};
 
-export { lodash_isequal as __module };
+export { lodash_clonedeep as __module };

package/es/_virtual/index18.mjs

@@ -1,3 +1,3 @@
-var lodash_clonedeep = {exports: {}};
+var lodash_isequal = {exports: {}};
 
-export { lodash_clonedeep as __module };
+export { lodash_isequal as __module };

package/es/editor/dropdown-list/dropdown-list-editor.provider.mjs

@@ -20,6 +20,9 @@ class DropDownListEditorProvider {
       case "EMOJI_PICKER":
         componentName = "IBizEmojiPicker";
         break;
+      case "MOBDROPDOWNLIST_CASCADER":
+        componentName = "IBizCascaderDropdown";
+        break;
       default:
         break;
     }

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

@@ -0,0 +1 @@
+.ibiz-cascader-dropdown{height:100%}.ibiz-cascader-dropdown .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-cascader-dropdown .van-field::after{display:none}.ibiz-cascader-dropdown .van-cell--clickable:active{background-color:transparent}.ibiz-cascader-dropdown--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader-dropdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}.ibiz-cascader-dropdown input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-cascader-dropdown.ibiz-cascader--readonly{text-align:var(--ibiz-form-item-container-editor-align)}

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

@@ -0,0 +1,84 @@
+import { Ref } from 'vue';
+import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+import './ibiz-cascader-dropdown.scss';
+/**
+ * 移动端级联下拉列表（单选）
+ * @primary
+ * @description  使用van-cascader组件，用于选择树形代码表数据。基于`移动端下拉列表（单选）`编辑器扩展，编辑器样式代码名称为：CASCADER
+ * @ignoreprops  autoFocus | overflowMode
+ * @ignoreemits  infoTextChange | enter
+ */
+export declare const IBizCascaderDropdown: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: DropDownListEditorController;
+    show: Ref<boolean>;
+    treeData: Ref<import("@ibiz-template/core").IApiData[]>;
+    selectValue: Ref<string | string[] | string[][] | null>;
+    curValue: import("vue").ComputedRef<any>;
+    onBlur: () => void;
+    onFocus: () => void;
+    openPopup: () => void;
+    onClose: () => void;
+    onChange: ($event: IData) => void;
+    onFinish: ($event: IData) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,142 @@
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { isNil } from 'ramda';
+import { IBizCommonRightIcon } from '../../common/right-icon/right-icon.mjs';
+import '../../../util/index.mjs';
+import './ibiz-cascader-dropdown.css';
+import { usePopstateListener } from '../../../util/use-popstate-util/use-popstate-util.mjs';
+
+"use strict";
+const IBizCascaderDropdown = /* @__PURE__ */ defineComponent({
+  name: "IBizCascaderDropdown",
+  props: getDropdownProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("cascader-dropdown");
+    const c = props.controller;
+    const treeData = ref([]);
+    const codeListMap = /* @__PURE__ */ new Map();
+    const selectValue = ref(null);
+    const show = ref(false);
+    const onClose = () => {
+      show.value = false;
+    };
+    const transformTreeData = (list, pValueField) => {
+      codeListMap.clear();
+      list.forEach((item) => {
+        codeListMap.set(item.value, {
+          ...item
+        });
+      });
+      const rootNodes = [];
+      if (pValueField) {
+        list.forEach((item) => {
+          const node = codeListMap.get(item.value);
+          if (isNil(item.data[pValueField])) {
+            rootNodes.push(node);
+          } else {
+            const parent = codeListMap.get(item.data[pValueField]);
+            if (parent) {
+              if (!parent.children) {
+                parent.children = [];
+              }
+              parent.children.push(node);
+            }
+          }
+        });
+      } else {
+        rootNodes.push(...list);
+      }
+      return rootNodes;
+    };
+    const loadCodeList = async () => {
+      const codeList = await c.loadCodeList(props.data);
+      const {
+        pvaluefield
+      } = c.editorParams;
+      treeData.value = transformTreeData(codeList, pvaluefield);
+    };
+    loadCodeList();
+    const onFinish = ($event) => {
+      const {
+        value
+      } = $event;
+      onClose();
+      emit("change", value);
+    };
+    const onChange = ($event) => {
+      const {
+        value
+      } = $event;
+      emit("change", value);
+    };
+    const curValue = computed(() => {
+      const item = codeListMap.get(props.value || "");
+      return (item == null ? void 0 : item.text) || "";
+    });
+    const onBlur = () => {
+      emit("blur");
+    };
+    const onFocus = () => {
+      emit("focus");
+    };
+    const openPopup = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      show.value = !show.value;
+    };
+    usePopstateListener(onClose);
+    return {
+      ns,
+      c,
+      show,
+      treeData,
+      selectValue,
+      curValue,
+      onBlur,
+      onFocus,
+      openPopup,
+      onClose,
+      onChange,
+      onFinish
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.readonly && this.curValue, !this.readonly && createVNode(resolveComponent("van-field"), {
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "readonly": true,
+      "disabled": this.disabled,
+      "placeholder": this.c.placeHolder,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onClick": this.openPopup
+    }, {
+      "right-icon": !this.readonly && createVNode(IBizCommonRightIcon, null, null)
+    }), createVNode(resolveComponent("van-popup"), {
+      "show": this.show,
+      "onUpdate:show": ($event) => this.show = $event,
+      "round": true,
+      "position": "bottom",
+      "teleport": "body",
+      "close-on-popstate": true
+    }, {
+      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.onFinish
+      }, null)]
+    })]);
+  }
+});
+
+export { IBizCascaderDropdown };

package/es/editor/dropdown-list/index.d.ts

@@ -1,4 +1,5 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker';
+export { IBizCascaderDropdown } from './ibiz-cascader-dropdown/ibiz-cascader-dropdown';
 export * from './dropdown-list-editor.controller';
 export * from './dropdown-list-editor.provider';

package/es/editor/dropdown-list/index.mjs

@@ -1,5 +1,6 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown.mjs';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker.mjs';
+export { IBizCascaderDropdown } from './ibiz-cascader-dropdown/ibiz-cascader-dropdown.mjs';
 export { DropDownListEditorController } from './dropdown-list-editor.controller.mjs';
 export { DropDownListEditorProvider } from './dropdown-list-editor.provider.mjs';
 

package/es/editor/index.mjs

@@ -32,6 +32,7 @@ import { IBizSwitch } from './switch/ibiz-switch/ibiz-switch.mjs';
 import { IBizRadio } from './radio-button-list/ibiz-radio/ibiz-radio.mjs';
 import { IBizDropdown } from './dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
 import { IBizEmojiPicker } from './dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs';
+import { IBizCascaderDropdown } from './dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.mjs';
 import { IBizCheckboxList } from './check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs';
 import { IBizSlider } from './slider/ibiz-slider/ibiz-slider.mjs';
 import { IBizRaw } from './raw/ibiz-raw/ibiz-raw.mjs';
@@ -109,6 +110,7 @@ const IBizEditor = {
     v.component(IBizDropdown.name, IBizDropdown);
     v.component(IBizDropdownList.name, IBizDropdownList);
     v.component(IBizEmojiPicker.name, IBizEmojiPicker);
+    v.component(IBizCascaderDropdown.name, IBizCascaderDropdown);
     v.component(IBizCheckboxList.name, IBizCheckboxList);
     v.component(IBizSlider.name, IBizSlider);
     v.component(IBizRaw.name, IBizRaw);
@@ -177,6 +179,14 @@ const IBizEditor = {
       "MOBDROPDOWNLIST_EMOJI_PICKER",
       () => new DropDownListEditorProvider("EMOJI_PICKER")
     );
+    registerEditorProvider(
+      "ROPDOWNLIST_CASCADER",
+      () => new DropDownListEditorProvider("MOBDROPDOWNLIST_CASCADER")
+    );
+    registerEditorProvider(
+      "MOBDROPDOWNLIST_CASCADER",
+      () => new DropDownListEditorProvider("MOBDROPDOWNLIST_CASCADER")
+    );
     registerEditorProvider(
       "MOBCHECKLIST",
       () => new DropDownListEditorProvider("MOBCHECKLIST")
@@ -384,4 +394,4 @@ const IBizEditor = {
   }
 };
 
-export { CascaderEditorProvider, CheckBoxListEditorProvider, ColorPickerEditorProvider, DataPickerEditorProvider, DatePickerEditorProvider, DateRangeEditorProvider, DropDownListEditorProvider, FileUploaderEditorProvider, HtmlEditorProvider, IBizCascader, IBizCheckboxList, IBizColorPicker, IBizDatePicker, IBizDateRangePicker, IBizDropdown, IBizEditor, IBizEditorCarousel, IBizEmojiPicker, IBizFileUpload, IBizImageCropping, IBizImageSelect, IBizImageUpload, IBizInput, IBizInputNumber, IBizMPicker, IBizNumberRangePicker, IBizPicker, IBizPickerSelectView, IBizRadio, IBizRate, IBizSignature, IBizSlider, IBizSpan, IBizStepper, IBizSwitch, MarkDownEditorProvider, NumberRangeEditorProvider, RadioButtonListEditorProvider, RateEditorProvider, SliderEditorProvider, SpanEditorProvider, StepperEditorProvider, SwitchEditorProvider, TextBoxEditorProvider, IBizEditor as default };
+export { CascaderEditorProvider, CheckBoxListEditorProvider, ColorPickerEditorProvider, DataPickerEditorProvider, DatePickerEditorProvider, DateRangeEditorProvider, DropDownListEditorProvider, FileUploaderEditorProvider, HtmlEditorProvider, IBizCascader, IBizCascaderDropdown, IBizCheckboxList, IBizColorPicker, IBizDatePicker, IBizDateRangePicker, IBizDropdown, IBizEditor, IBizEditorCarousel, IBizEmojiPicker, IBizFileUpload, IBizImageCropping, IBizImageSelect, IBizImageUpload, IBizInput, IBizInputNumber, IBizMPicker, IBizNumberRangePicker, IBizPicker, IBizPickerSelectView, IBizRadio, IBizRate, IBizSignature, IBizSlider, IBizSpan, IBizStepper, IBizSwitch, MarkDownEditorProvider, NumberRangeEditorProvider, RadioButtonListEditorProvider, RateEditorProvider, SliderEditorProvider, SpanEditorProvider, StepperEditorProvider, SwitchEditorProvider, TextBoxEditorProvider, IBizEditor as default };

package/es/editor/text-box/input/input.d.ts

@@ -43,6 +43,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     onClear: () => void;
     inputRef: import("vue").Ref<any>;
     showPassword: import("vue").Ref<boolean>;
+    enableshowpwd: boolean;
     switchPwd: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;

package/es/editor/text-box/input/input.mjs

@@ -20,13 +20,13 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     const editorModel = c.model;
     const inputRef = ref();
     const showPassword = ref(false);
-    let showSwitchIcon = false;
+    let enableshowpwd = false;
     const rows = ref(2);
     if (editorModel.editorType === "TEXTAREA_10") {
       rows.value = 10;
     }
-    if (c.editorParams.showswitchicon) {
-      showSwitchIcon = c.editorParams.showswitchicon === "true";
+    if (c.editorParams.enableshowpwd) {
+      enableshowpwd = c.editorParams.enableshowpwd === "true" || c.editorParams.enableshowpwd === "TRUE";
     }
     const type = computed(() => {
       switch (editorModel.editorType) {
@@ -107,7 +107,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       emit("change", "");
     };
     const switchPwd = () => {
-      showPassword.value = !showPassword.value && showSwitchIcon;
+      showPassword.value = !showPassword.value;
     };
     return {
       c,
@@ -122,6 +122,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       onClear,
       inputRef,
       showPassword,
+      enableshowpwd,
       switchPwd
     };
   },
@@ -144,7 +145,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
           }, [unitName]);
         };
       }
-      if (this.type === "password") {
+      if (this.type === "password" && this.enableshowpwd) {
         slots["right-icon"] = () => {
           return this.showPassword ? createVNode("ion-icon", {
             "name": "eye-off-outline",

package/es/index.mjs

@@ -107,6 +107,7 @@ export { DateRangeEditorController } from './editor/date-range/date-range-editor
 export { DateRangeEditorProvider } from './editor/date-range/date-range-editor.provider.mjs';
 export { IBizDropdown } from './editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
 export { IBizEmojiPicker } from './editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs';
+export { IBizCascaderDropdown } from './editor/dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.mjs';
 export { DropDownListEditorController } from './editor/dropdown-list/dropdown-list-editor.controller.mjs';
 export { DropDownListEditorProvider } from './editor/dropdown-list/dropdown-list-editor.provider.mjs';
 export { MarkDownEditorController } from './editor/markdown/markdown-editor.controller.mjs';

package/es/node_modules/.pnpm/dingtalk-jsapi@3.0.38/node_modules/dingtalk-jsapi/lib/packages/frame-talk-client-pc/index.mjs

@@ -1,5 +1,5 @@
 import { commonjsGlobal } from '../../../../../../../../_virtual/_commonjsHelpers.mjs';
-import { __module as frameTalkClientPc$1 } from '../../../../../../../../_virtual/index12.mjs';
+import { __module as frameTalkClientPc$1 } from '../../../../../../../../_virtual/index13.mjs';
 
 var frameTalkClientPc = frameTalkClientPc$1.exports;
 

package/es/node_modules/.pnpm/dingtalk-jsapi@3.0.38/node_modules/dingtalk-jsapi/lib/sdk/middlewares/index.mjs

@@ -1,5 +1,5 @@
 import { commonjsGlobal } from '../../../../../../../../_virtual/_commonjsHelpers.mjs';
-import { __exports as middlewares } from '../../../../../../../../_virtual/index13.mjs';
+import { __exports as middlewares } from '../../../../../../../../_virtual/index12.mjs';
 import '../../../../../../../../_virtual/bridge.mjs';
 import { __require as requireRetry } from './retry.mjs';
 import '../../../../../../../../_virtual/dealParamsAndResult.mjs';

package/es/node_modules/.pnpm/lodash.clonedeep@4.5.0/node_modules/lodash.clonedeep/index.mjs

@@ -1,5 +1,5 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.mjs';
-import { __module as lodash_clonedeep$1 } from '../../../../../_virtual/index18.mjs';
+import { __module as lodash_clonedeep$1 } from '../../../../../_virtual/index17.mjs';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>

package/es/node_modules/.pnpm/lodash.isequal@4.5.0/node_modules/lodash.isequal/index.mjs

@@ -1,5 +1,5 @@
 import { commonjsGlobal, getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.mjs';
-import { __module as lodash_isequal$1 } from '../../../../../_virtual/index17.mjs';
+import { __module as lodash_isequal$1 } from '../../../../../_virtual/index18.mjs';
 
 /**
  * Lodash (Custom Build) <https://lodash.com/>

package/lib/_virtual/index12.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var frameTalkClientPc = {exports: {}};
+var middlewares = {};
 
-exports.__module = frameTalkClientPc;
+exports.__exports = middlewares;

package/lib/_virtual/index13.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var middlewares = {};
+var frameTalkClientPc = {exports: {}};
 
-exports.__exports = middlewares;
+exports.__module = frameTalkClientPc;

package/lib/_virtual/index17.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var lodash_isequal = {exports: {}};
+var lodash_clonedeep = {exports: {}};
 
-exports.__module = lodash_isequal;
+exports.__module = lodash_clonedeep;

package/lib/_virtual/index18.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var lodash_clonedeep = {exports: {}};
+var lodash_isequal = {exports: {}};
 
-exports.__module = lodash_clonedeep;
+exports.__module = lodash_isequal;

package/lib/editor/dropdown-list/dropdown-list-editor.provider.cjs

@@ -22,6 +22,9 @@ class DropDownListEditorProvider {
       case "EMOJI_PICKER":
         componentName = "IBizEmojiPicker";
         break;
+      case "MOBDROPDOWNLIST_CASCADER":
+        componentName = "IBizCascaderDropdown";
+        break;
       default:
         break;
     }

package/lib/editor/dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var ramda = require('ramda');
+var rightIcon = require('../../common/right-icon/right-icon.cjs');
+require('../../../util/index.cjs');
+require('./ibiz-cascader-dropdown.css');
+var usePopstateUtil = require('../../../util/use-popstate-util/use-popstate-util.cjs');
+
+"use strict";
+const IBizCascaderDropdown = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizCascaderDropdown",
+  props: vue3Util.getDropdownProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("cascader-dropdown");
+    const c = props.controller;
+    const treeData = vue.ref([]);
+    const codeListMap = /* @__PURE__ */ new Map();
+    const selectValue = vue.ref(null);
+    const show = vue.ref(false);
+    const onClose = () => {
+      show.value = false;
+    };
+    const transformTreeData = (list, pValueField) => {
+      codeListMap.clear();
+      list.forEach((item) => {
+        codeListMap.set(item.value, {
+          ...item
+        });
+      });
+      const rootNodes = [];
+      if (pValueField) {
+        list.forEach((item) => {
+          const node = codeListMap.get(item.value);
+          if (ramda.isNil(item.data[pValueField])) {
+            rootNodes.push(node);
+          } else {
+            const parent = codeListMap.get(item.data[pValueField]);
+            if (parent) {
+              if (!parent.children) {
+                parent.children = [];
+              }
+              parent.children.push(node);
+            }
+          }
+        });
+      } else {
+        rootNodes.push(...list);
+      }
+      return rootNodes;
+    };
+    const loadCodeList = async () => {
+      const codeList = await c.loadCodeList(props.data);
+      const {
+        pvaluefield
+      } = c.editorParams;
+      treeData.value = transformTreeData(codeList, pvaluefield);
+    };
+    loadCodeList();
+    const onFinish = ($event) => {
+      const {
+        value
+      } = $event;
+      onClose();
+      emit("change", value);
+    };
+    const onChange = ($event) => {
+      const {
+        value
+      } = $event;
+      emit("change", value);
+    };
+    const curValue = vue.computed(() => {
+      const item = codeListMap.get(props.value || "");
+      return (item == null ? void 0 : item.text) || "";
+    });
+    const onBlur = () => {
+      emit("blur");
+    };
+    const onFocus = () => {
+      emit("focus");
+    };
+    const openPopup = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      show.value = !show.value;
+    };
+    usePopstateUtil.usePopstateListener(onClose);
+    return {
+      ns,
+      c,
+      show,
+      treeData,
+      selectValue,
+      curValue,
+      onBlur,
+      onFocus,
+      openPopup,
+      onClose,
+      onChange,
+      onFinish
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.readonly && this.curValue, !this.readonly && vue.createVNode(vue.resolveComponent("van-field"), {
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "readonly": true,
+      "disabled": this.disabled,
+      "placeholder": this.c.placeHolder,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onClick": this.openPopup
+    }, {
+      "right-icon": !this.readonly && vue.createVNode(rightIcon.IBizCommonRightIcon, null, null)
+    }), vue.createVNode(vue.resolveComponent("van-popup"), {
+      "show": this.show,
+      "onUpdate:show": ($event) => this.show = $event,
+      "round": true,
+      "position": "bottom",
+      "teleport": "body",
+      "close-on-popstate": true
+    }, {
+      default: () => [vue.createVNode(vue.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.onFinish
+      }, null)]
+    })]);
+  }
+});
+
+exports.IBizCascaderDropdown = IBizCascaderDropdown;

package/lib/editor/dropdown-list/ibiz-cascader-dropdown/ibiz-cascader-dropdown.css

@@ -0,0 +1 @@
+.ibiz-cascader-dropdown{height:100%}.ibiz-cascader-dropdown .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-cascader-dropdown .van-field::after{display:none}.ibiz-cascader-dropdown .van-cell--clickable:active{background-color:transparent}.ibiz-cascader-dropdown--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader-dropdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}.ibiz-cascader-dropdown input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-cascader-dropdown.ibiz-cascader--readonly{text-align:var(--ibiz-form-item-container-editor-align)}

package/lib/editor/dropdown-list/index.cjs

@@ -2,6 +2,7 @@
 
 var ibizDropdown = require('./ibiz-dropdown/ibiz-dropdown.cjs');
 var ibizEmojiPicker = require('./ibiz-emoji-picker/ibiz-emoji-picker.cjs');
+var ibizCascaderDropdown = require('./ibiz-cascader-dropdown/ibiz-cascader-dropdown.cjs');
 var dropdownListEditor_controller = require('./dropdown-list-editor.controller.cjs');
 var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs');
 
@@ -9,5 +10,6 @@ var dropdownListEditor_provider = require('./dropdown-list-editor.provider.cjs')
 
 exports.IBizDropdown = ibizDropdown.IBizDropdown;
 exports.IBizEmojiPicker = ibizEmojiPicker.IBizEmojiPicker;
+exports.IBizCascaderDropdown = ibizCascaderDropdown.IBizCascaderDropdown;
 exports.DropDownListEditorController = dropdownListEditor_controller.DropDownListEditorController;
 exports.DropDownListEditorProvider = dropdownListEditor_provider.DropDownListEditorProvider;