@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.50

package/lib/packages/components/cascader/src/cascader-item.vue2.js

@@ -14,7 +14,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     data: { default: () => [{ label: "", value: "" }] }
   },
   setup(__props) {
-    const { store, props, setLevel, close, setParentCheckedByValue, setViewData } = vue.inject("pProps");
+    const pProps = vue.inject("pProps");
     const childData = vue.ref([]);
     vue.onMounted(() => {
     });
@@ -22,11 +22,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       let obj = {
         width: "16em"
       };
-      if (props.optionWidth) {
-        if (isNaN(Number(props.optionWidth))) {
-          obj.width = props.optionWidth;
+      if (pProps.props.optionWidth) {
+        if (isNaN(Number(pProps.props.optionWidth))) {
+          obj.width = pProps.props.optionWidth;
         } else {
-          obj.width = `${Number(props.optionWidth)}em`;
+          obj.width = `${Number(pProps.props.optionWidth)}em`;
         }
       }
       return obj;
@@ -34,45 +34,63 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function hanldeChildClick(item) {
       childData.value = [];
       vue.nextTick(() => {
-        if (item[props.childrenText] && item[props.childrenText].length) {
-          childData.value = item[props.childrenText];
-          setLevel(item.level + 1);
-          setParentCheckedByValue(store, item[props.valueText], item.level);
-          if (props.any) {
-            setViewData();
+        if (item[pProps.props.childrenText] && item[pProps.props.childrenText].length) {
+          childData.value = item[pProps.props.childrenText];
+          pProps.setLevel(item.level + 1);
+          pProps.setParentCheckedByValue(item[pProps.props.valueText], item.level);
+          if (pProps.props.any) {
+            pProps.setViewData();
           }
         } else {
-          setLevel(item.level);
-          setParentCheckedByValue(store, item[props.valueText], item.level);
-          setViewData();
-          close();
+          pProps.setLevel(item.level);
+          pProps.setParentCheckedByValue(item[pProps.props.valueText], item.level);
+          pProps.setViewData();
+          pProps.close();
         }
       });
     }
     return (_ctx, _cache) => {
       const _component_to_cascader_item = vue.resolveComponent("to-cascader-item");
       return vue.openBlock(), vue.createElementBlock("div", { class: "to-cascader-group" }, [
-        vue.createElementVNode("div", {
-          class: "to-cascader-group-content",
-          style: vue.normalizeStyle(setStyle.value)
-        }, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: item[vue.unref(props).valueText],
-              class: vue.normalizeClass(["to-cascader-item", item.isSelect ? "is-on" : ""]),
-              onClick: ($event) => hanldeChildClick(item)
-            }, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createElementVNode("div", { class: "to-cascader-item-content" }, vue.toDisplayString(item[vue.unref(props).labelText]), 1),
-                item[vue.unref(props).childrenText] && item[vue.unref(props).childrenText].length ? (vue.openBlock(), vue.createBlock(vue.unref(index.ToIcon), {
-                  key: 0,
-                  value: "next",
-                  class: "to-cascader-item-arrow"
-                })) : vue.createCommentVNode("", true)
-              ])
-            ], 10, ["onClick"]);
-          }), 128))
-        ], 4),
+        vue.createElementVNode(
+          "div",
+          {
+            class: "to-cascader-group-content",
+            style: vue.normalizeStyle(setStyle.value)
+          },
+          [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.data, (item) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: item[vue.unref(pProps).props.valueText],
+                  class: vue.normalizeClass(["to-cascader-item", item.isSelect ? "is-on" : ""]),
+                  onClick: ($event) => hanldeChildClick(item)
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    vue.createElementVNode(
+                      "div",
+                      { class: "to-cascader-item-content" },
+                      vue.toDisplayString(item[vue.unref(pProps).props.labelText]),
+                      1
+                      /* TEXT */
+                    ),
+                    item[vue.unref(pProps).props.childrenText] && item[vue.unref(pProps).props.childrenText].length ? (vue.openBlock(), vue.createBlock(vue.unref(index.ToIcon), {
+                      key: 0,
+                      value: "next",
+                      class: "to-cascader-item-arrow"
+                    })) : vue.createCommentVNode("v-if", true)
+                  ])
+                ], 10, ["onClick"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        ),
         childData.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "to-cascader-group-child"
@@ -80,8 +98,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           childData.value.length ? (vue.openBlock(), vue.createBlock(_component_to_cascader_item, {
             key: 0,
             data: childData.value
-          }, null, 8, ["data"])) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true)
+          }, null, 8, ["data"])) : vue.createCommentVNode("v-if", true)
+        ])) : vue.createCommentVNode("v-if", true)
       ]);
     };
   }

package/lib/packages/components/cascader/src/cascader-item.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader-item.vue2.js","sources":["../../../../../../packages/components/cascader/src/cascader-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCascaderItem',\n});\n</script>\n<template>\n\t<div class=\"to-cascader-group\">\n\t\t<div class=\"to-cascader-group-content\" :style=\"setStyle\">\n\t\t\t<div\n\t\t\t\tv-for=\"item in data\"\n\t\t\t\t:key=\"item[props.valueText]\"\n\t\t\t\tclass=\"to-cascader-item\"\n\t\t\t\t:class=\"item.isSelect ? 'is-on' : ''\"\n\t\t\t\t@click=\"hanldeChildClick(item)\"\n\t\t\t>\n\t\t\t\t<slot>\n\t\t\t\t\t<div class=\"to-cascader-item-content\">{{ item[props.labelText] }}</div>\n\t\t\t\t\t<to-icon\n\t\t\t\t\t\tv-if=\"item[props.childrenText] && item[props.childrenText].length\"\n\t\t\t\t\t\tvalue=\"next\"\n\t\t\t\t\t\tclass=\"to-cascader-item-arrow\"\n\t\t\t\t\t></to-icon>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-if=\"childData.length\" class=\"to-cascader-group-child\">\n\t\t\t<to-cascader-item v-if=\"childData.length\" :data=\"childData\"></to-cascader-item>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CSSProperties, computed, inject, nextTick, onMounted, ref } from 'vue'\nimport { ProvideProps, Item } from './cascader.vue'\nimport { ToIcon } from '@touchvue/components'\n\n\n\nexport interface ItemProps {\n\tdata: Item[]\n}\n\nwithDefaults(defineProps<ItemProps>(), {\n\tdata: () => [{ label: '', value: '' }],\n})\nconst { store, props, setLevel, close, setParentCheckedByValue, setViewData } =\n\tinject<ProvideProps>('pProps')\n\nconst childData = ref([])\nonMounted(() => {\n\t// console.log('onMounted', childData.value)\n})\nconst setStyle = computed(() => {\n\tlet obj: CSSProperties = {\n\t\twidth: '16em',\n\t}\n\tif (props.optionWidth) {\n\t\tif (isNaN(Number(props.optionWidth))) {\n\t\t\tobj.width = props.optionWidth\n\t\t} else {\n\t\t\tobj.width = `${Number(props.optionWidth)}em`\n\t\t}\n\t}\n\treturn obj\n})\nfunction hanldeChildClick(item: Item) {\n\tchildData.value = []\n\tnextTick(() => {\n\t\tif (item[props.childrenText] && item[props.childrenText].length) {\n\t\t\tchildData.value = item[props.childrenText]\n\t\t\tsetLevel(item.level + 1)\n\t\t\tsetParentCheckedByValue(store, item[props.valueText], item.level)\n\t\t\tif (props.any) {\n\t\t\t\tsetViewData()\n\t\t\t}\n\t\t} else {\n\t\t\tsetLevel(item.level)\n\t\t\tsetParentCheckedByValue(store, item[props.valueText], item.level)\n\t\t\tsetViewData()\n\t\t\tclose()\n\t\t}\n\t})\n}\n</script>\n"],"names":["DO_defineComponent","inject","ref","onMounted","computed","nextTick","_createElementBlock","_createElementVNode","_Fragment","_renderList","data","_unref","_normalizeClass","_renderSlot","_createBlock","ToIcon"],"mappings":"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"}
+{"version":3,"file":"cascader-item.vue2.js","sources":["../../../../../../packages/components/cascader/src/cascader-item.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToCascaderItem'\n});\n</script>\n<template>\n\t<div class=\"to-cascader-group\">\n\t\t<div class=\"to-cascader-group-content\" :style=\"setStyle\">\n\t\t\t<div v-for=\"item in data\" :key=\"item[pProps.props.valueText]\" class=\"to-cascader-item\" :class=\"item.isSelect ? 'is-on' : ''\" @click=\"hanldeChildClick(item)\">\n\t\t\t\t<slot>\n\t\t\t\t\t<div class=\"to-cascader-item-content\">{{ item[pProps.props.labelText] }}</div>\n\t\t\t\t\t<to-icon v-if=\"item[pProps.props.childrenText] && item[pProps.props.childrenText].length\" value=\"next\" class=\"to-cascader-item-arrow\"></to-icon>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-if=\"childData.length\" class=\"to-cascader-group-child\">\n\t\t\t<to-cascader-item v-if=\"childData.length\" :data=\"childData\"></to-cascader-item>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CSSProperties, computed, inject, nextTick, onMounted, ref } from 'vue'\nimport { ProvideProps, Item } from './cascader.vue'\nimport { ToIcon } from '@touchvue/components'\n\n\n\nexport interface ItemProps {\n\tdata: Item[]\n}\n\nwithDefaults(defineProps<ItemProps>(), {\n\tdata: () => [{ label: '', value: '' }]\n})\nconst pProps = inject<ProvideProps>('pProps')\n\nconst childData = ref([])\nonMounted(() => {\n\t// console.log('onMounted', childData.value)\n})\nconst setStyle = computed(() => {\n\tlet obj: CSSProperties = {\n\t\twidth: '16em'\n\t}\n\tif (pProps.props.optionWidth) {\n\t\tif (isNaN(Number(pProps.props.optionWidth))) {\n\t\t\tobj.width = pProps.props.optionWidth\n\t\t} else {\n\t\t\tobj.width = `${Number(pProps.props.optionWidth)}em`\n\t\t}\n\t}\n\treturn obj\n})\nfunction hanldeChildClick(item: Item) {\n\tchildData.value = []\n\tnextTick(() => {\n\t\tif (item[pProps.props.childrenText] && item[pProps.props.childrenText].length) {\n\t\t\tchildData.value = item[pProps.props.childrenText]\n\t\t\tpProps.setLevel(item.level + 1)\n\t\t\tpProps.setParentCheckedByValue(item[pProps.props.valueText], item.level)\n\t\t\tif (pProps.props.any) {\n\t\t\t\tpProps.setViewData()\n\t\t\t}\n\t\t} else {\n\t\t\tpProps.setLevel(item.level)\n\t\t\tpProps.setParentCheckedByValue(item[pProps.props.valueText], item.level)\n\t\t\tpProps.setViewData()\n\t\t\tpProps.close()\n\t\t}\n\t})\n}\n</script>\n"],"names":["DO_defineComponent","inject","ref","onMounted","computed","nextTick","_createElementBlock","_createElementVNode","_Fragment","_renderList","data","_unref","_normalizeClass","_renderSlot","_toDisplayString","_createBlock","ToIcon"],"mappings":"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"}

package/lib/packages/components/cascader/src/cascader.vue.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cascader_vue_vue_type_script_setup_true_lang = require('./cascader.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
+var Cascader = /* @__PURE__ */ _pluginVue_exportHelper.default(cascader_vue_vue_type_script_setup_true_lang.default, [["__file", "cascader.vue"]]);
 
-
-exports.default = cascader_vue_vue_type_script_setup_true_lang.default;
+exports.default = Cascader;
 //# sourceMappingURL=cascader.vue.js.map

package/lib/packages/components/cascader/src/cascader.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"cascader.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/components/cascader/src/cascader.vue2.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index = require('../../icon/index.js');
-var index$1 = require('../../float/index.js');
-var cascaderItem_vue_vue_type_script_setup_true_lang = require('./cascader-item.vue2.js');
-var index$2 = require('../../../locale/index.js');
+var index$1 = require('../../icon/index.js');
+var index$2 = require('../../float/index.js');
+var cascaderItem = require('./cascader-item.vue.js');
+var index = require('../../../locale/index.js');
 var util = require('../../../utils/util.js');
 
 const __default__ = vue.defineComponent({
@@ -25,14 +25,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     labelText: { default: "label" },
     valueText: { default: "value" },
     childrenText: { default: "children" },
-    placeholder: { default: "\u8BF7\u9009\u62E9" },
+    placeholder: { default: "" },
     optionWidth: { default: "16em" },
     optionCol: { default: "" },
     data: { default: () => [] },
-    comparable: { type: Boolean, default: false }
+    comparable: { type: Boolean, default: false },
+    required: { type: Boolean, default: false },
+    desc: { default: "" },
+    prefix: { default: "" },
+    showAllLevels: { type: Boolean, default: true },
+    checkedDatas: { default: () => [] },
+    flex: { type: Boolean, default: false }
   },
-  emits: ["change", "update:modelValue"],
+  emits: ["change", "update:modelValue", "update:checkedDatas"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const ToFormItem = vue.inject("ToFormItem", {});
     const props = __props;
     const ToForm = vue.inject("ToForm", {});
     const iconValue = vue.ref("unfold");
@@ -45,6 +52,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const checkedData = vue.ref([]);
     const valueStore = vue.ref([]);
     const disabled = vue.ref(props.disabled);
+    const errorTip = vue.ref("");
+    const errorType = vue.ref("rule");
     const floatWidth = vue.computed(() => {
       let unit = "em";
       let sArr = [];
@@ -67,17 +76,23 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const setClass = vue.computed(() => {
       const arr = ["to-form-readonly"];
-      if (props.mode) {
-        arr.push(`mode-${props.mode}`);
-      }
-      if (ToForm && (ToForm == null ? void 0 : ToForm.comparable) || props.comparable) {
-        arr.push("to-compare");
-      }
-      if (changed.value) {
-        arr.push("to-cascader-changed");
-      }
-      if (disabled.value || props.disabled) {
-        arr.push("is-disabled");
+      if (errorTip.value) {
+        arr.push("to-cascader-mode-line");
+        arr.push("to-cascader-color-danger");
+        arr.push("to-cascader-tip-show");
+      } else {
+        if (props.mode) {
+          arr.push(`mode-${props.mode}`);
+        }
+        if (ToForm && (ToForm == null ? void 0 : ToForm.comparable) || props.comparable) {
+          arr.push("to-compare");
+        }
+        if (changed.value) {
+          arr.push("to-cascader-changed");
+        }
+        if (disabled.value || props.disabled) {
+          arr.push("is-disabled");
+        }
       }
       return arr;
     });
@@ -99,6 +114,24 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return false;
       }
     });
+    const validateRequired = vue.computed(() => {
+      if (props.required) {
+        return "true";
+      } else if (ToFormItem && ToFormItem.required) {
+        return "true";
+      } else {
+        return "false";
+      }
+    });
+    const validateDesc = vue.computed(() => {
+      if (props.desc) {
+        return props.desc;
+      } else if (ToFormItem && ToFormItem.label) {
+        return ToFormItem.label;
+      } else {
+        return "";
+      }
+    });
     vue.provide("pProps", {
       props,
       setLevel,
@@ -111,7 +144,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.modelValue,
       (val) => {
         value_.value = val;
-        if (props.data && props.data.length) {
+        if (props.data) {
           vue.nextTick(() => {
             setLabel();
           });
@@ -119,6 +152,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
+    vue.watch(
+      () => props.data,
+      (val) => {
+        data_.value = initData(val);
+        checkedData.value = [];
+        setLabel();
+      },
+      { deep: true }
+    );
     const emit = __emit;
     function initData(data, levels = 0) {
       let arr = util.deepClone(data);
@@ -140,6 +182,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return tem;
     }
     function handleClick() {
+      errorTip.value = "";
       if (!(props.disabled || disabled.value)) {
         cascaderFloat.value.toggle($el.value);
         iconValue.value = iconValue.value === "unfold" ? "fold" : "unfold";
@@ -157,7 +200,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function setLevel(idx) {
       currentLevel.value = idx;
     }
-    function setParentCheckedByValue(arr, value, level) {
+    function setParentCheckedByValue(value, level) {
+      fixStore(data_.value, value, level);
+    }
+    function fixStore(arr, value, level) {
       arr.forEach((item) => {
         if (item.level === level) {
           if (item[props.valueText] === value) {
@@ -168,7 +214,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
         } else {
           if (item[props.childrenText] && item[props.childrenText].length) {
-            setParentCheckedByValue(item[props.childrenText], value, level);
+            fixStore(item[props.childrenText], value, level);
           }
         }
       });
@@ -204,7 +250,16 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     function setViewData() {
       let labelArr = checkedData.value.map((item) => item[props.labelText]);
-      valueLabel.value = labelArr.join(" / ");
+      let leafArr = checkedData.value.map((item) => item.isLeaf);
+      if (props.showAllLevels) {
+        valueLabel.value = labelArr.join(" / ");
+      } else {
+        if (leafArr[leafArr.length - 1]) {
+          valueLabel.value = labelArr[labelArr.length - 1];
+        } else {
+          valueLabel.value = "";
+        }
+      }
       let leafItem = [];
       if (!props.any) {
         leafItem = checkedData.value.filter((item) => item.isLeaf);
@@ -223,23 +278,34 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       setLevel(0);
     }
     function change(v) {
-      emit("change", v, checkedData.value);
       emit("update:modelValue", v);
+      emit("change", v, checkedData.value);
     }
     const setLabel = () => {
       if (value_.value) {
-        valueLabel.value = getLabelPath(value_.value, data_.value);
+        valueLabel.value = getLabelPath(value_.value, data_.value) || value_.value;
       } else {
         valueLabel.value = props.placeholder;
       }
     };
-    function getLabelPath(value, data, path = []) {
+    function getLabelPath(value, data, path = [], pData = []) {
       for (const item of data) {
         if (item[props.valueText] === value) {
-          return [...path, item[props.labelText]].join(" / ");
+          let tem = [];
+          checkedData.value = [...pData, item];
+          if (props.showAllLevels) {
+            tem = [...path, item[props.labelText]].join(" / ");
+          } else {
+            if (item.isLeaf) {
+              tem = item[props.labelText];
+            } else {
+              tem = "";
+            }
+          }
+          return tem;
         }
         if (item[props.childrenText] && item[props.childrenText].length) {
-          const result = getLabelPath(value, item[props.childrenText], [...path, item[props.labelText]]);
+          const result = getLabelPath(value, item[props.childrenText], [...path, item[props.labelText]], [...pData, item]);
           if (result) {
             return result;
           }
@@ -257,65 +323,203 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const setDisabled = (f) => {
       disabled.value = f;
     };
+    const getCheckData = () => {
+      return checkedData.value;
+    };
+    vue.watch(
+      () => checkedData.value,
+      (val) => {
+        emit("update:checkedDatas", val);
+      }
+    );
     __expose({
       compare,
       restore,
       changed,
-      setDisabled
+      setDisabled,
+      errorTip,
+      errorType,
+      getCheckData
     });
     return (_ctx, _cache) => {
       const _component_to_scroll = vue.resolveComponent("to-scroll");
       const _directive_tip = vue.resolveDirective("tip");
+      const _directive_color = vue.resolveDirective("color");
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "$el",
         ref: $el,
+        key: vue.unref(index.langKey),
+        flex: _ctx.flex ? _ctx.flex : null,
         class: vue.normalizeClass(["to-cascader", setClass.value]),
-        style: vue.normalizeStyle(setStyle.value),
-        onClick: handleClick
+        style: vue.normalizeStyle(setStyle.value)
       }, [
-        vue.createElementVNode("span", { class: "to-cascader-content" }, [
+        validateRequired.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: "to-validate",
+          req: validateRequired.value,
+          desc: validateDesc.value,
+          value: value_.value ? "true" : ""
+        }, null, 8, ["req", "desc", "value"])), [
+          [vue.vShow, false]
+        ]) : vue.createCommentVNode("v-if", true),
+        _ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          class: "to-cascader-prefix"
+        }, [
+          vue.renderSlot(_ctx.$slots, "prefix")
+        ])) : vue.createCommentVNode("v-if", true),
+        props.prefix ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 2,
+          class: "to-cascader-prefix-text"
+        }, [
+          vue.createElementVNode(
+            "span",
+            null,
+            vue.toDisplayString(props.prefix),
+            1
+            /* TEXT */
+          )
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("span", {
+          class: "to-cascader-content",
+          onClick: handleClick
+        }, [
           vue.createElementVNode("span", { class: "to-cascader-value" }, [
-            value_.value ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(valueLabel.value), 1)) : (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              class: "to-cascader-placeholder"
-            }, vue.toDisplayString(_ctx.placeholder), 1))
+            value_.value ? (vue.openBlock(), vue.createElementBlock(
+              "span",
+              { key: 0 },
+              vue.toDisplayString(valueLabel.value),
+              1
+              /* TEXT */
+            )) : (vue.openBlock(), vue.createElementBlock(
+              "span",
+              {
+                key: 1,
+                class: "to-cascader-placeholder"
+              },
+              vue.toDisplayString(_ctx.placeholder || vue.unref(index.t)("to.cascader.placeholder")),
+              1
+              /* TEXT */
+            ))
           ])
         ]),
         _ctx.clearable && value_.value ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
+          key: 3,
           class: "to-cascader-clear"
         }, [
-          vue.createVNode(vue.unref(index.ToIcon), {
+          vue.createVNode(vue.unref(index$1.ToIcon), {
             value: "close",
             onClick: vue.withModifiers(handleClear, ["stop"])
           })
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("span", { class: "to-cascader-arrow" }, [
-          vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("span", {
+          class: "to-cascader-arrow",
+          onClick: handleClick
+        }, [
+          vue.createCommentVNode("v-if", true)
         ]),
-        vue.createVNode(vue.unref(index$1.ToFloat), {
-          ref_key: "cascaderFloat",
-          ref: cascaderFloat,
-          class: "to-cascader-layer",
-          width: floatWidth.value,
-          onClosed: afterClose
-        }, {
-          default: vue.withCtx(() => [
-            !data_.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              style: { "text-align": "center", "color": "#ccc", "padding": "0 0.3em" }
-            }, "\u6682\u65E0\u6570\u636E")) : vue.createCommentVNode("", true),
-            vue.createVNode(_component_to_scroll, null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(cascaderItem_vue_vue_type_script_setup_true_lang.default, { data: data_.value }, null, 8, ["data"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["width"])
-      ], 6)), [
-        [_directive_tip, changed.value ? vue.unref(index$2.t)("to.common.originalValue", getLabelPath(valueStore.value[0], data_.value)) : ""]
+        (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(["to-cascader", setClass.value])
+            },
+            [
+              vue.createVNode(vue.unref(index$2.ToFloat), {
+                ref_key: "cascaderFloat",
+                ref: cascaderFloat,
+                global: false,
+                class: "to-cascader-layer",
+                width: floatWidth.value,
+                lazy: "",
+                onClosed: afterClose
+              }, {
+                default: vue.withCtx(() => [
+                  !data_.value.length ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      style: { "text-align": "center", "color": "#ccc", "padding": "3em 0.3em" }
+                    },
+                    vue.toDisplayString(vue.unref(index.t)("to.cascader.noData")),
+                    1
+                    /* TEXT */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(_component_to_scroll, {
+                    onClick: vue.withModifiers(() => {
+                    }, ["stop"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(cascaderItem.default, {
+                        key: String(data_.value),
+                        data: data_.value
+                      }, null, 8, ["data"]))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["width"])
+            ],
+            2
+            /* CLASS */
+          )
+        ])),
+        errorTip.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
+          key: 4,
+          class: "to-box-tip"
+        }, [
+          errorType.value === "rule" ? (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 0 },
+            [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(index.t)("to.cascader.inputError")) + " ",
+                1
+                /* TEXT */
+              ),
+              vue.withDirectives(vue.createVNode(
+                vue.unref(index$1.ToIcon),
+                {
+                  style: { "height": "auto" },
+                  value: "help",
+                  color: "danger",
+                  mode: "toast"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [
+                  _directive_tip,
+                  errorTip.value,
+                  void 0,
+                  { danger: true }
+                ]
+              ])
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(index.t)("to.cascader.required")),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ])), [
+          [_directive_color, "danger"]
+        ]) : vue.createCommentVNode("v-if", true)
+      ], 14, ["flex"])), [
+        [_directive_tip, changed.value ? vue.unref(index.t)("to.common.originalValue", getLabelPath(valueStore.value[0], data_.value)) : ""]
       ]);
     };
   }