tanxin-ui 1.3.4 → 1.3.6

package/dist/tanxin-ui.es.js

@@ -1821,7 +1821,14 @@ async function downloadFile(url2, name = "download") {
     return Promise.reject(e);
   }
 }
-function getProperty(formData, valuePath) {
+function checkValue(value, zeroAsNull) {
+  if (value instanceof N) {
+    if (zeroAsNull && value === 0)
+      return void 0;
+  }
+  return value;
+}
+function getProperty(formData, valuePath, zeroAsNull) {
   var _a;
   const path = valuePath.replace(/\[(\w+)\]/g, ".$1");
   const arr = path.split(".");
@@ -1829,7 +1836,7 @@ function getProperty(formData, valuePath) {
   for (const i2 in arr) {
     obj = (_a = obj[arr[i2]]) != null ? _a : void 0;
   }
-  return obj;
+  return checkValue(obj, zeroAsNull);
 }
 function setProperty(formData, valuePath, value) {
   const path = valuePath.replace(/\[(\w+)\]/g, ".$1");
@@ -5699,7 +5706,8 @@ const inputProps = {
   shadow: PropTypes.bool.def(true),
   emitByEnter: PropTypes.bool.def(false),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Input = defineComponent({
   name: "TInput",
@@ -5724,7 +5732,7 @@ var Input = defineComponent({
     const showClear = ref(false);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const maxlength = computed(() => getNumber(props.maxlength));
-    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value);
+    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull));
     const isComposing = ref(false);
     const validateEnable = ref(true);
     const showWordCount = computed(() => {
@@ -5857,7 +5865,7 @@ var Input = defineComponent({
     };
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        currentValue.value = getProperty(props.formData, props.valuePath);
+        currentValue.value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
       }, {
         deep: true
       });
@@ -6452,7 +6460,8 @@ const inputNumberProps = {
   formatter: PropTypes.func,
   parser: PropTypes.func,
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var InputNumber = defineComponent({
   name: "TInputNumber",
@@ -6477,7 +6486,7 @@ var InputNumber = defineComponent({
     const currentValue = ref();
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     onMounted(() => {
-      currentValue.value = dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      currentValue.value = dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
       inputFinished.value = true;
       checkInvalid();
       if (props.autoFocus && !props.disabled) {
@@ -6677,7 +6686,7 @@ var InputNumber = defineComponent({
     });
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        const value = getProperty(props.formData, props.valuePath);
+        const value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
         if (equals(value, currentValue.value))
           return;
         currentValue.value = value;
@@ -7339,7 +7348,8 @@ const textareaProps = {
   maxRows: PropTypes.number.def(10),
   autoHeight: PropTypes.bool.def(false),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Textarea = defineComponent({
   name: "TTextarea",
@@ -7359,7 +7369,7 @@ var Textarea = defineComponent({
     } = useConfig("textarea", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const showClear = ref(false);
-    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value);
+    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull));
     const isComposing = ref(false);
     const validateEnable = ref(true);
     const showWordCount = computed(() => {
@@ -7399,7 +7409,7 @@ var Textarea = defineComponent({
     });
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        currentValue.value = getProperty(props.formData, props.valuePath);
+        currentValue.value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
       }, {
         deep: true
       });
@@ -7601,7 +7611,8 @@ const radioProps = {
   itemValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.bool]),
   itemLabel: PropTypes.string,
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Radio = defineComponent({
   name: "TRadio",
@@ -7616,7 +7627,7 @@ var Radio = defineComponent({
     } = useConfig("radio", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const groupContext = injectRadioGroup();
     const isChecked = ref();
@@ -7772,7 +7783,8 @@ const radioGroupProps = {
   direction: PropTypes.oneOf(["horizontal", "vertical", "x", "y"]).def("horizontal"),
   gutter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var RadioGroup = defineComponent({
   name: "TRadioGroup",
@@ -7787,7 +7799,7 @@ var RadioGroup = defineComponent({
     } = useConfig("radio-group", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const groupValue = ref(getValue2.value);
     const isVertical = computed(() => props.direction === "vertical" || props.direction === "y");
@@ -7800,7 +7812,7 @@ var RadioGroup = defineComponent({
     });
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        groupValue.value = getProperty(props.formData, props.valuePath);
+        groupValue.value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
       }, {
         deep: true
       });
@@ -7879,7 +7891,8 @@ const checkboxProps$1 = {
   switch: PropTypes.bool.def(false),
   indeterminate: PropTypes.bool.def(false),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Checkbox = defineComponent({
   name: "TCheckbox",
@@ -7894,7 +7907,7 @@ var Checkbox = defineComponent({
     } = useConfig("checkbox", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const groupContext = injectCheckboxGroup();
     const isChecked = ref();
@@ -8110,7 +8123,8 @@ const checkboxProps = {
   direction: PropTypes.oneOf(["horizontal", "vertical", "x", "y"]).def("horizontal"),
   gutter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var CheckboxGroup = defineComponent({
   name: "TCheckboxGroup",
@@ -8124,7 +8138,7 @@ var CheckboxGroup = defineComponent({
     } = useConfig("checkbox-group", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const groupValue = ref(getValue2.value);
     const isVertical = computed(() => props.direction === "vertical" || props.direction === "y");
@@ -8137,7 +8151,7 @@ var CheckboxGroup = defineComponent({
     });
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        groupValue.value = getProperty(props.formData, props.valuePath);
+        groupValue.value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
       }, {
         deep: true
       });
@@ -8207,7 +8221,8 @@ const switchProps = {
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 const switchWidth = {
   xs: 26,
@@ -8240,7 +8255,7 @@ var Switch = defineComponent({
     } = useConfig("switch", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const isChecked = ref(getValue2.value === props.trueValue);
     const refCheckbox = ref();
@@ -9946,7 +9961,8 @@ const selectProps = {
   labelKey: PropTypes.string.def("label"),
   valueType: PropTypes.string,
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Select = defineComponent({
   name: "TSelect",
@@ -9968,7 +9984,7 @@ var Select = defineComponent({
   }) {
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const currentValue = ref(isArray$2(getValue2.value) ? getValue2.value : getValue2.value ? [getValue2.value] : []);
     const optionDataList = ref([]);
@@ -10112,7 +10128,7 @@ var Select = defineComponent({
     };
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        const tempValue = getProperty(props.formData, props.valuePath);
+        const tempValue = getProperty(props.formData, props.valuePath, props.zeroAsNull);
         currentValue.value = isArray$2(tempValue) ? tempValue : tempValue !== null && tempValue !== void 0 ? [tempValue] : [];
         handleValueChange();
       }, {
@@ -10906,7 +10922,8 @@ const cascaderProps = {
   prefix: PropTypes.string,
   suffix: PropTypes.string,
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Cascader = defineComponent({
   name: "TCascader",
@@ -10953,7 +10970,7 @@ var Cascader = defineComponent({
       };
     });
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
-    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value);
+    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull));
     const cascaderValue = ref([]);
     const visible = ref(false);
     const handleCheckedChange = (item) => {
@@ -11042,7 +11059,7 @@ var Cascader = defineComponent({
     });
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        const value = getProperty(props.formData, props.valuePath);
+        const value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
         if (value == currentValue.value)
           return;
         initCascaderValue();
@@ -11217,7 +11234,8 @@ const treeSelectProps = {
   prefix: PropTypes.string,
   suffix: PropTypes.string,
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var TreeSelect = defineComponent({
   name: "TTreeSelect",
@@ -11253,7 +11271,7 @@ var TreeSelect = defineComponent({
       else
         treeValue.value = currentValue.value;
     };
-    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value);
+    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull));
     const treeValue = ref([]);
     const visible = ref(false);
     const handleCheckedChange = () => {
@@ -11321,7 +11339,7 @@ var TreeSelect = defineComponent({
     });
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        const value = getProperty(props.formData, props.valuePath);
+        const value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
         if (equals(value, currentValue.value))
           return;
         currentValue.value = value;
@@ -13612,7 +13630,8 @@ const datePickerProps = {
     default: () => [1900, 2100]
   },
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var DatePicker = defineComponent({
   name: "TDatePicker",
@@ -13644,7 +13663,7 @@ var DatePicker = defineComponent({
       prefixCls
     } = useConfig("date-picker", props);
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const currentIndex = ref(0);
     const refPanel = [ref(), ref(), ref(), ref()];
@@ -15026,7 +15045,8 @@ const colorPickerProps = {
     default: () => []
   },
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var ColorPicker = defineComponent({
   name: "TColorPicker",
@@ -15046,7 +15066,7 @@ var ColorPicker = defineComponent({
     emit
   }) {
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
-    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value);
+    const currentValue = ref(dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull));
     const showClear = ref(false);
     const {
       prefixCls
@@ -15075,7 +15095,7 @@ var ColorPicker = defineComponent({
     };
     if (dynamicForm.value) {
       watch(() => props.formData, () => {
-        currentValue.value = getProperty(props.formData, props.valuePath);
+        currentValue.value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
         handleValueChange();
       }, {
         deep: true
@@ -15686,7 +15706,8 @@ const sliderProps = {
   max: PropTypes.number.def(100),
   range: PropTypes.bool.def(false),
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Slider = defineComponent({
   name: "TSlider",
@@ -15706,7 +15727,7 @@ var Slider = defineComponent({
     } = useConfig("slider", props);
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const left = props.vertical ? "top" : "left";
     const width = props.vertical ? "height" : "width";
@@ -16902,7 +16923,8 @@ const uploadProps = {
     type: Function
   },
   formData: PropTypes.any,
-  valuePath: PropTypes.string
+  valuePath: PropTypes.string,
+  zeroAsNull: PropTypes.bool.def(true)
 };
 var Upload = defineComponent({
   name: "TUpload",
@@ -16921,7 +16943,7 @@ var Upload = defineComponent({
     const reqs = ref({});
     const dynamicForm = computed(() => props.valuePath && props.valuePath.includes("."));
     const getValue2 = computed(() => {
-      return dynamicForm.value ? getProperty(props.formData, props.valuePath) : props.value;
+      return dynamicForm.value ? getProperty(props.formData, props.valuePath, props.zeroAsNull) : checkValue(props.value, props.zeroAsNull);
     });
     const pictureHeight = computed(() => {
       if (props.pictureHeight)
@@ -17015,7 +17037,7 @@ var Upload = defineComponent({
     if (props.forForm) {
       if (dynamicForm.value) {
         watch(() => props.formData, () => {
-          const value = getProperty(props.formData, props.valuePath);
+          const value = getProperty(props.formData, props.valuePath, props.zeroAsNull);
           if (!equals(value, modelValue.value)) {
             modelValue.value = value;
             initFileList();