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

package/es/packages/components/cascader/src/cascader-item.vue2.mjs

@@ -10,7 +10,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     data: { default: () => [{ label: "", value: "" }] }
   },
   setup(__props) {
-    const { store, props, setLevel, close, setParentCheckedByValue, setViewData } = inject("pProps");
+    const pProps = inject("pProps");
     const childData = ref([]);
     onMounted(() => {
     });
@@ -18,11 +18,11 @@ var _sfc_main = /* @__PURE__ */ 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;
@@ -30,45 +30,63 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function hanldeChildClick(item) {
       childData.value = [];
       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 = resolveComponent("to-cascader-item");
       return openBlock(), createElementBlock("div", { class: "to-cascader-group" }, [
-        createElementVNode("div", {
-          class: "to-cascader-group-content",
-          style: normalizeStyle(setStyle.value)
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
-            return openBlock(), createElementBlock("div", {
-              key: item[unref(props).valueText],
-              class: normalizeClass(["to-cascader-item", item.isSelect ? "is-on" : ""]),
-              onClick: ($event) => hanldeChildClick(item)
-            }, [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                createElementVNode("div", { class: "to-cascader-item-content" }, toDisplayString(item[unref(props).labelText]), 1),
-                item[unref(props).childrenText] && item[unref(props).childrenText].length ? (openBlock(), createBlock(unref(ToIcon), {
-                  key: 0,
-                  value: "next",
-                  class: "to-cascader-item-arrow"
-                })) : createCommentVNode("", true)
-              ])
-            ], 10, ["onClick"]);
-          }), 128))
-        ], 4),
+        createElementVNode(
+          "div",
+          {
+            class: "to-cascader-group-content",
+            style: normalizeStyle(setStyle.value)
+          },
+          [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(__props.data, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item[unref(pProps).props.valueText],
+                  class: normalizeClass(["to-cascader-item", item.isSelect ? "is-on" : ""]),
+                  onClick: ($event) => hanldeChildClick(item)
+                }, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    createElementVNode(
+                      "div",
+                      { class: "to-cascader-item-content" },
+                      toDisplayString(item[unref(pProps).props.labelText]),
+                      1
+                      /* TEXT */
+                    ),
+                    item[unref(pProps).props.childrenText] && item[unref(pProps).props.childrenText].length ? (openBlock(), createBlock(unref(ToIcon), {
+                      key: 0,
+                      value: "next",
+                      class: "to-cascader-item-arrow"
+                    })) : createCommentVNode("v-if", true)
+                  ])
+                ], 10, ["onClick"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        ),
         childData.value.length ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "to-cascader-group-child"
@@ -76,8 +94,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           childData.value.length ? (openBlock(), createBlock(_component_to_cascader_item, {
             key: 0,
             data: childData.value
-          }, null, 8, ["data"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+          }, null, 8, ["data"])) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("v-if", true)
       ]);
     };
   }

package/es/packages/components/cascader/src/cascader-item.vue2.mjs.map

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

package/es/packages/components/cascader/src/cascader.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './cascader.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "cascader.vue"]]);
 
-
-export { _sfc_main as default };
+export { Cascader as default };
 //# sourceMappingURL=cascader.vue.mjs.map

package/es/packages/components/cascader/src/cascader.vue.mjs.map

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

package/es/packages/components/cascader/src/cascader.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, inject, ref, computed, provide, watch, nextTick, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createVNode, unref, withModifiers, createCommentVNode, withCtx } from 'vue';
+import { defineComponent, inject, ref, computed, provide, watch, nextTick, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, unref, normalizeClass, normalizeStyle, vShow, createCommentVNode, renderSlot, createElementVNode, toDisplayString, createVNode, withModifiers, createBlock, Teleport, withCtx, Fragment, createTextVNode } from 'vue';
 import { ToIcon } from '../../icon/index.mjs';
 import { ToFloat } from '../../float/index.mjs';
-import _sfc_main$1 from './cascader-item.vue2.mjs';
-import { t } from '../../../locale/index.mjs';
+import CascaderItem from './cascader-item.vue.mjs';
+import { langKey, t } from '../../../locale/index.mjs';
 import { deepClone } from '../../../utils/util.mjs';
 
 const __default__ = defineComponent({
@@ -21,14 +21,21 @@ var _sfc_main = /* @__PURE__ */ 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 = inject("ToFormItem", {});
     const props = __props;
     const ToForm = inject("ToForm", {});
     const iconValue = ref("unfold");
@@ -41,6 +48,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const checkedData = ref([]);
     const valueStore = ref([]);
     const disabled = ref(props.disabled);
+    const errorTip = ref("");
+    const errorType = ref("rule");
     const floatWidth = computed(() => {
       let unit = "em";
       let sArr = [];
@@ -63,17 +72,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const setClass = 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;
     });
@@ -95,6 +110,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return false;
       }
     });
+    const validateRequired = computed(() => {
+      if (props.required) {
+        return "true";
+      } else if (ToFormItem && ToFormItem.required) {
+        return "true";
+      } else {
+        return "false";
+      }
+    });
+    const validateDesc = computed(() => {
+      if (props.desc) {
+        return props.desc;
+      } else if (ToFormItem && ToFormItem.label) {
+        return ToFormItem.label;
+      } else {
+        return "";
+      }
+    });
     provide("pProps", {
       props,
       setLevel,
@@ -107,7 +140,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       () => props.modelValue,
       (val) => {
         value_.value = val;
-        if (props.data && props.data.length) {
+        if (props.data) {
           nextTick(() => {
             setLabel();
           });
@@ -115,6 +148,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    watch(
+      () => props.data,
+      (val) => {
+        data_.value = initData(val);
+        checkedData.value = [];
+        setLabel();
+      },
+      { deep: true }
+    );
     const emit = __emit;
     function initData(data, levels = 0) {
       let arr = deepClone(data);
@@ -136,6 +178,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return tem;
     }
     function handleClick() {
+      errorTip.value = "";
       if (!(props.disabled || disabled.value)) {
         cascaderFloat.value.toggle($el.value);
         iconValue.value = iconValue.value === "unfold" ? "fold" : "unfold";
@@ -153,7 +196,10 @@ var _sfc_main = /* @__PURE__ */ 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) {
@@ -164,7 +210,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         } else {
           if (item[props.childrenText] && item[props.childrenText].length) {
-            setParentCheckedByValue(item[props.childrenText], value, level);
+            fixStore(item[props.childrenText], value, level);
           }
         }
       });
@@ -200,7 +246,16 @@ var _sfc_main = /* @__PURE__ */ 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);
@@ -219,23 +274,34 @@ var _sfc_main = /* @__PURE__ */ 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;
           }
@@ -253,64 +319,202 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const setDisabled = (f) => {
       disabled.value = f;
     };
+    const getCheckData = () => {
+      return checkedData.value;
+    };
+    watch(
+      () => checkedData.value,
+      (val) => {
+        emit("update:checkedDatas", val);
+      }
+    );
     __expose({
       compare,
       restore,
       changed,
-      setDisabled
+      setDisabled,
+      errorTip,
+      errorType,
+      getCheckData
     });
     return (_ctx, _cache) => {
       const _component_to_scroll = resolveComponent("to-scroll");
       const _directive_tip = resolveDirective("tip");
+      const _directive_color = resolveDirective("color");
       return withDirectives((openBlock(), createElementBlock("div", {
         ref_key: "$el",
         ref: $el,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
         class: normalizeClass(["to-cascader", setClass.value]),
-        style: normalizeStyle(setStyle.value),
-        onClick: handleClick
+        style: normalizeStyle(setStyle.value)
       }, [
-        createElementVNode("span", { class: "to-cascader-content" }, [
+        validateRequired.value ? withDirectives((openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "to-validate",
+          req: validateRequired.value,
+          desc: validateDesc.value,
+          value: value_.value ? "true" : ""
+        }, null, 8, ["req", "desc", "value"])), [
+          [vShow, false]
+        ]) : createCommentVNode("v-if", true),
+        _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: "to-cascader-prefix"
+        }, [
+          renderSlot(_ctx.$slots, "prefix")
+        ])) : createCommentVNode("v-if", true),
+        props.prefix ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: "to-cascader-prefix-text"
+        }, [
+          createElementVNode(
+            "span",
+            null,
+            toDisplayString(props.prefix),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("span", {
+          class: "to-cascader-content",
+          onClick: handleClick
+        }, [
           createElementVNode("span", { class: "to-cascader-value" }, [
-            value_.value ? (openBlock(), createElementBlock("span", { key: 0 }, toDisplayString(valueLabel.value), 1)) : (openBlock(), createElementBlock("span", {
-              key: 1,
-              class: "to-cascader-placeholder"
-            }, toDisplayString(_ctx.placeholder), 1))
+            value_.value ? (openBlock(), createElementBlock(
+              "span",
+              { key: 0 },
+              toDisplayString(valueLabel.value),
+              1
+              /* TEXT */
+            )) : (openBlock(), createElementBlock(
+              "span",
+              {
+                key: 1,
+                class: "to-cascader-placeholder"
+              },
+              toDisplayString(__props.placeholder || unref(t)("to.cascader.placeholder")),
+              1
+              /* TEXT */
+            ))
           ])
         ]),
-        _ctx.clearable && value_.value ? (openBlock(), createElementBlock("span", {
-          key: 0,
+        __props.clearable && value_.value ? (openBlock(), createElementBlock("span", {
+          key: 3,
           class: "to-cascader-clear"
         }, [
           createVNode(unref(ToIcon), {
             value: "close",
             onClick: withModifiers(handleClear, ["stop"])
           })
-        ])) : createCommentVNode("", true),
-        createElementVNode("span", { class: "to-cascader-arrow" }, [
-          createCommentVNode("", true)
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("span", {
+          class: "to-cascader-arrow",
+          onClick: handleClick
+        }, [
+          createCommentVNode("v-if", true)
         ]),
-        createVNode(unref(ToFloat), {
-          ref_key: "cascaderFloat",
-          ref: cascaderFloat,
-          class: "to-cascader-layer",
-          width: floatWidth.value,
-          onClosed: afterClose
-        }, {
-          default: withCtx(() => [
-            !data_.value.length ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              style: { "text-align": "center", "color": "#ccc", "padding": "0 0.3em" }
-            }, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("", true),
-            createVNode(_component_to_scroll, null, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$1, { data: data_.value }, null, 8, ["data"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["width"])
-      ], 6)), [
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["to-cascader", setClass.value])
+            },
+            [
+              createVNode(unref(ToFloat), {
+                ref_key: "cascaderFloat",
+                ref: cascaderFloat,
+                global: false,
+                class: "to-cascader-layer",
+                width: floatWidth.value,
+                lazy: "",
+                onClosed: afterClose
+              }, {
+                default: withCtx(() => [
+                  !data_.value.length ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      style: { "text-align": "center", "color": "#ccc", "padding": "3em 0.3em" }
+                    },
+                    toDisplayString(unref(t)("to.cascader.noData")),
+                    1
+                    /* TEXT */
+                  )) : createCommentVNode("v-if", true),
+                  createVNode(_component_to_scroll, {
+                    onClick: withModifiers(() => {
+                    }, ["stop"])
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(CascaderItem, {
+                        key: String(data_.value),
+                        data: data_.value
+                      }, null, 8, ["data"]))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["onClick"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["width"])
+            ],
+            2
+            /* CLASS */
+          )
+        ])),
+        errorTip.value ? withDirectives((openBlock(), createElementBlock("span", {
+          key: 4,
+          class: "to-box-tip"
+        }, [
+          errorType.value === "rule" ? (openBlock(), createElementBlock(
+            Fragment,
+            { key: 0 },
+            [
+              createTextVNode(
+                toDisplayString(unref(t)("to.cascader.inputError")) + " ",
+                1
+                /* TEXT */
+              ),
+              withDirectives(createVNode(
+                unref(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 */
+          )) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createTextVNode(
+                toDisplayString(unref(t)("to.cascader.required")),
+                1
+                /* TEXT */
+              )
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ])), [
+          [_directive_color, "danger"]
+        ]) : createCommentVNode("v-if", true)
+      ], 14, ["flex"])), [
         [_directive_tip, changed.value ? unref(t)("to.common.originalValue", getLabelPath(valueStore.value[0], data_.value)) : ""]
       ]);
     };