@ebiz/designer-components 0.1.0 → 0.1.1

package/src/components/ebiz-form/components/city.vue

@@ -1,137 +1,137 @@
-<script setup>
-import {onMounted, ref, watch} from "vue";
-import { Select as TSelect } from "tdesign-vue-next";
-
-const value = defineModel('default')
-const province = ref(null)
-const city = ref(null)
-const county =  ref(null)
-
-const provinceOptions = ref([])
-const cityOptions = ref([])
-const countyOptions = ref([])
-
-watch(value, (newValue, oldValue) => {
-  console.log('值已改变:', oldValue, '->', newValue);
-  init()
-});
-
-const onChangeProvince = (val) => {
-  city.value = val
-
-  setTimeout(() => {
-    getAddress(province.value, 'city');
-
-    value.value = [province.value]
-    cityOptions.value = [];
-    countyOptions.value = [];
-
-    city.value = null;
-    county.value = null;
-  }, 100)
-
-}
-const onChangeCity = (val) => {
-  city.value = val
-  console.log("city", city.value)
-  getAddress(city.value, 'county');
-  value.value = [province.value, city.value]
-  countyOptions.value = [];
-  county.value = null;
-}
-
-const onCountyCity = () => {
-  setTimeout(() => {
-    value.value = [province.value, city.value, county.value]
-  });
-}
-
-const getAddress = (id, type) => {
-  // request.get({
-  //   url: `/address/search`,
-  //   params: {
-  //     id
-  //   }
-  // }).then((res) => {
-  //   res.addressDTOList.forEach((item) => {
-  //     item.label = item.name;
-  //     item.value = parseInt(item.id);
-  //   });
-  //   if (type == 'province') {
-  //     provinceOptions.value = res.addressDTOList;
-  //   } else if (type == 'city') {
-  //     cityOptions.value = res.addressDTOList;
-  //   } else if (type == 'county') {
-  //     countyOptions.value = res.addressDTOList;
-  //   }
-  // });
-}
-
-const init = () => {
-  getAddress(0, 'province')
-
-  province.value = null
-  city.value = null
-  county.value = null
-
-  let data = value.value
-  if (data.length > 0 && data[0] != null) {
-    province.value = data[0]
-    getAddress(province.value, 'city')
-  }
-  if (data.length > 1 && data[1] != null) {
-    city.value = data[1]
-    getAddress(city.value, 'county')
-  }
-  if (data.length > 2 && data[2] != null) {
-    county.value = data[2]
-  }
-}
-
-onMounted(() => {
-  setTimeout(() => {
-    init()
-  }, 1000)
-
-})
-</script>
-
-<template>
-  <div style="display: flex;">
-    <div style="margin-right: 10px">
-      <t-select
-        v-model="province"
-        :options="provinceOptions"
-        @change="onChangeProvince"
-        clearable
-        class="cascader_item"
-      />
-    </div>
-    <div style="margin-right: 10px">
-      <t-select
-        v-if="province && cityOptions.length > 0"
-        v-model="city"
-        :options="cityOptions"
-        @change="onChangeCity"
-        clearable
-        class="cascader_item"
-      />
-    </div>
-    <div>
-      <t-select
-        v-if="city && countyOptions.length > 0"
-        v-model="county"
-        :options="countyOptions"
-        @change="onCountyCity"
-        clearable
-        class="cascader_item"
-      />
-    </div>
-
-
-  </div>
-</template>
-
-<style scoped lang="less">
-
-</style>
+<script setup>
+import {onMounted, ref, watch} from "vue";
+import { Select as TSelect } from "tdesign-vue-next";
+
+const value = defineModel('default')
+const province = ref(null)
+const city = ref(null)
+const county =  ref(null)
+
+const provinceOptions = ref([])
+const cityOptions = ref([])
+const countyOptions = ref([])
+
+watch(value, (newValue, oldValue) => {
+  console.log('值已改变:', oldValue, '->', newValue);
+  init()
+});
+
+const onChangeProvince = (val) => {
+  city.value = val
+
+  setTimeout(() => {
+    getAddress(province.value, 'city');
+
+    value.value = [province.value]
+    cityOptions.value = [];
+    countyOptions.value = [];
+
+    city.value = null;
+    county.value = null;
+  }, 100)
+
+}
+const onChangeCity = (val) => {
+  city.value = val
+  console.log("city", city.value)
+  getAddress(city.value, 'county');
+  value.value = [province.value, city.value]
+  countyOptions.value = [];
+  county.value = null;
+}
+
+const onCountyCity = () => {
+  setTimeout(() => {
+    value.value = [province.value, city.value, county.value]
+  });
+}
+
+const getAddress = (id, type) => {
+  // request.get({
+  //   url: `/address/search`,
+  //   params: {
+  //     id
+  //   }
+  // }).then((res) => {
+  //   res.addressDTOList.forEach((item) => {
+  //     item.label = item.name;
+  //     item.value = parseInt(item.id);
+  //   });
+  //   if (type == 'province') {
+  //     provinceOptions.value = res.addressDTOList;
+  //   } else if (type == 'city') {
+  //     cityOptions.value = res.addressDTOList;
+  //   } else if (type == 'county') {
+  //     countyOptions.value = res.addressDTOList;
+  //   }
+  // });
+}
+
+const init = () => {
+  getAddress(0, 'province')
+
+  province.value = null
+  city.value = null
+  county.value = null
+
+  let data = value.value
+  if (data.length > 0 && data[0] != null) {
+    province.value = data[0]
+    getAddress(province.value, 'city')
+  }
+  if (data.length > 1 && data[1] != null) {
+    city.value = data[1]
+    getAddress(city.value, 'county')
+  }
+  if (data.length > 2 && data[2] != null) {
+    county.value = data[2]
+  }
+}
+
+onMounted(() => {
+  setTimeout(() => {
+    init()
+  }, 1000)
+
+})
+</script>
+
+<template>
+  <div style="display: flex;">
+    <div style="margin-right: 10px">
+      <t-select
+        v-model="province"
+        :options="provinceOptions"
+        @change="onChangeProvince"
+        clearable
+        class="cascader_item"
+      />
+    </div>
+    <div style="margin-right: 10px">
+      <t-select
+        v-if="province && cityOptions.length > 0"
+        v-model="city"
+        :options="cityOptions"
+        @change="onChangeCity"
+        clearable
+        class="cascader_item"
+      />
+    </div>
+    <div>
+      <t-select
+        v-if="city && countyOptions.length > 0"
+        v-model="county"
+        :options="countyOptions"
+        @change="onCountyCity"
+        clearable
+        class="cascader_item"
+      />
+    </div>
+
+
+  </div>
+</template>
+
+<style scoped lang="less">
+
+</style>

package/src/components/ebiz-form/components/date-panel.vue

@@ -1,52 +1,52 @@
-<!--
-  - @author eBIZ Team <dev@jungo.com.cn>
-  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
-  - @license  Commercial authorization, unauthorized use and modification are prohibited
-  - @url www.jungo.com.cn
-  -->
-
-<template>
-  <div>
-    <t-date-picker-panel
-      v-model="value"
-      :allowInput="item.allowInput"
-      :clearable="item.clearable || true"
-      :borderless="item.borderless"
-      :disableDate="item.disableDate"
-      :disabled="item.disabled"
-      :enableTimePicker="item.enableTimePicker"
-      :firstDayOfWeek="item.firstDayOfWeek"
-      :format="item.format"
-      :inputProps="item.inputProps"
-      :label="item.subLabel"
-      :mode="item.mode"
-      :needConfirm="item.needConfirm"
-      :placeholder="item.placeholder"
-      :popupProps="item.popupProps"
-      :prefixIcon="item.prefixIcon"
-      :presets="item.presets"
-      :presetsPlacement="item.presetsPlacement"
-      :selectInputProps="item.selectInputProps"
-      :size="item.size"
-      :status="item.status"
-      :suffixIcon="item.suffixIcon"
-      :timePickerProps="item.timePickerProps"
-      :tips="item.tips"
-      :valueDisplay="item.valueDisplay"
-      :valueType="item.valueType"
-
-      @change="onChange" />
-  </div>
-</template>
-<script setup>
-import { DatePickerPanel as TDatePickerPanel } from "tdesign-vue-next"
-
-const value = defineModel()
-defineProps(['item'])
-
-const emit = defineEmits(['change'])
-
-const onChange = (val) =>  {
-  emit('change',val)
-}
-</script>
+<!--
+  - @author eBIZ Team <dev@jungo.com.cn>
+  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
+  - @license  Commercial authorization, unauthorized use and modification are prohibited
+  - @url www.jungo.com.cn
+  -->
+
+<template>
+  <div>
+    <t-date-picker-panel
+      v-model="value"
+      :allowInput="item.allowInput"
+      :clearable="item.clearable || true"
+      :borderless="item.borderless"
+      :disableDate="item.disableDate"
+      :disabled="item.disabled"
+      :enableTimePicker="item.enableTimePicker"
+      :firstDayOfWeek="item.firstDayOfWeek"
+      :format="item.format"
+      :inputProps="item.inputProps"
+      :label="item.subLabel"
+      :mode="item.mode"
+      :needConfirm="item.needConfirm"
+      :placeholder="item.placeholder"
+      :popupProps="item.popupProps"
+      :prefixIcon="item.prefixIcon"
+      :presets="item.presets"
+      :presetsPlacement="item.presetsPlacement"
+      :selectInputProps="item.selectInputProps"
+      :size="item.size"
+      :status="item.status"
+      :suffixIcon="item.suffixIcon"
+      :timePickerProps="item.timePickerProps"
+      :tips="item.tips"
+      :valueDisplay="item.valueDisplay"
+      :valueType="item.valueType"
+
+      @change="onChange" />
+  </div>
+</template>
+<script setup>
+import { DatePickerPanel as TDatePickerPanel } from "tdesign-vue-next"
+
+const value = defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['change'])
+
+const onChange = (val) =>  {
+  emit('change',val)
+}
+</script>

package/src/components/ebiz-form/components/date-range-panel.vue

@@ -1,52 +1,52 @@
-<!--
-  - @author eBIZ Team <dev@jungo.com.cn>
-  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
-  - @license  Commercial authorization, unauthorized use and modification are prohibited
-  - @url www.jungo.com.cn
-  -->
-
-<template>
-  <div>
-    <t-date-range-picker-panel
-      v-model="value"
-      :allowInput="item.allowInput"
-      :clearable="item.clearable || true"
-      :borderless="item.borderless"
-      :disableDate="item.disableDate"
-      :disabled="item.disabled"
-      :enableTimePicker="item.enableTimePicker"
-      :firstDayOfWeek="item.firstDayOfWeek"
-      :format="item.format"
-      :inputProps="item.inputProps"
-      :label="item.subLabel"
-      :mode="item.mode"
-      :needConfirm="item.needConfirm"
-      :placeholder="item.placeholder"
-      :popupProps="item.popupProps"
-      :prefixIcon="item.prefixIcon"
-      :presets="item.presets"
-      :presetsPlacement="item.presetsPlacement"
-      :selectInputProps="item.selectInputProps"
-      :size="item.size"
-      :status="item.status"
-      :suffixIcon="item.suffixIcon"
-      :timePickerProps="item.timePickerProps"
-      :tips="item.tips"
-      :valueDisplay="item.valueDisplay"
-      :valueType="item.valueType"
-      :cancelRangeSelectLimit="item.cancelRangeSelectLimit"
-      :rangeInputProps="item.rangeInputProps"
-      :separator="item.separator"
-      @change="onChange" />
-  </div>
-</template>
-<script setup>
-const value =defineModel()
-defineProps(['item'])
-
-const emit = defineEmits(['change'])
-
-const onChange = (val) =>  {
-  emit('change',val)
-}
-</script>
+<!--
+  - @author eBIZ Team <dev@jungo.com.cn>
+  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
+  - @license  Commercial authorization, unauthorized use and modification are prohibited
+  - @url www.jungo.com.cn
+  -->
+
+<template>
+  <div>
+    <t-date-range-picker-panel
+      v-model="value"
+      :allowInput="item.allowInput"
+      :clearable="item.clearable || true"
+      :borderless="item.borderless"
+      :disableDate="item.disableDate"
+      :disabled="item.disabled"
+      :enableTimePicker="item.enableTimePicker"
+      :firstDayOfWeek="item.firstDayOfWeek"
+      :format="item.format"
+      :inputProps="item.inputProps"
+      :label="item.subLabel"
+      :mode="item.mode"
+      :needConfirm="item.needConfirm"
+      :placeholder="item.placeholder"
+      :popupProps="item.popupProps"
+      :prefixIcon="item.prefixIcon"
+      :presets="item.presets"
+      :presetsPlacement="item.presetsPlacement"
+      :selectInputProps="item.selectInputProps"
+      :size="item.size"
+      :status="item.status"
+      :suffixIcon="item.suffixIcon"
+      :timePickerProps="item.timePickerProps"
+      :tips="item.tips"
+      :valueDisplay="item.valueDisplay"
+      :valueType="item.valueType"
+      :cancelRangeSelectLimit="item.cancelRangeSelectLimit"
+      :rangeInputProps="item.rangeInputProps"
+      :separator="item.separator"
+      @change="onChange" />
+  </div>
+</template>
+<script setup>
+const value =defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['change'])
+
+const onChange = (val) =>  {
+  emit('change',val)
+}
+</script>

package/src/components/ebiz-form/components/date-range.vue

@@ -1,56 +1,56 @@
-<!--
-  - @author eBIZ Team <dev@jungo.com.cn>
-  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
-  - @license  Commercial authorization, unauthorized use and modification are prohibited
-  - @url www.jungo.com.cn
-  -->
-
-<template>
-  <div>
-    <t-date-range-picker
-      v-model="value"
-      :allowInput="item.allowInput"
-      :clearable="item.clearable || true"
-      :borderless="item.borderless"
-      :disableDate="item.disableDate"
-      :disabled="item.disabled"
-      :enableTimePicker="item.enableTimePicker"
-      :firstDayOfWeek="item.firstDayOfWeek"
-      :format="item.format"
-      :inputProps="item.inputProps"
-      :label="item.subLabel"
-      :mode="item.mode"
-      :needConfirm="item.needConfirm"
-      :placeholder="item.placeholder"
-      :popupProps="item.popupProps"
-      :prefixIcon="item.prefixIcon"
-      :presets="item.presets"
-      :presetsPlacement="item.presetsPlacement"
-      :selectInputProps="item.selectInputProps"
-      :size="item.size"
-      :status="item.status"
-      :suffixIcon="item.suffixIcon"
-      :timePickerProps="item.timePickerProps"
-      :tips="item.tips"
-      :valueDisplay="item.valueDisplay"
-      :valueType="item.valueType"
-      :cancelRangeSelectLimit="item.cancelRangeSelectLimit"
-      :rangeInputProps="item.rangeInputProps"
-      :separator="item.separator"
-
-
-      @change="onChange" />
-  </div>
-</template>
-<script setup>
-import { DateRangePicker as TDateRangePicker } from 'tdesign-vue-next'
-
-const value = defineModel()
-defineProps(['item'])
-
-const emit = defineEmits(['change'])
-
-const onChange = (val) =>  {
-  emit('change',val)
-}
-</script>
+<!--
+  - @author eBIZ Team <dev@jungo.com.cn>
+  - @copyright  Copyright (c) , ShenZhen JunGO Technology Co., Ltd. All rights reserved.
+  - @license  Commercial authorization, unauthorized use and modification are prohibited
+  - @url www.jungo.com.cn
+  -->
+
+<template>
+  <div>
+    <t-date-range-picker
+      v-model="value"
+      :allowInput="item.allowInput"
+      :clearable="item.clearable || true"
+      :borderless="item.borderless"
+      :disableDate="item.disableDate"
+      :disabled="item.disabled"
+      :enableTimePicker="item.enableTimePicker"
+      :firstDayOfWeek="item.firstDayOfWeek"
+      :format="item.format"
+      :inputProps="item.inputProps"
+      :label="item.subLabel"
+      :mode="item.mode"
+      :needConfirm="item.needConfirm"
+      :placeholder="item.placeholder"
+      :popupProps="item.popupProps"
+      :prefixIcon="item.prefixIcon"
+      :presets="item.presets"
+      :presetsPlacement="item.presetsPlacement"
+      :selectInputProps="item.selectInputProps"
+      :size="item.size"
+      :status="item.status"
+      :suffixIcon="item.suffixIcon"
+      :timePickerProps="item.timePickerProps"
+      :tips="item.tips"
+      :valueDisplay="item.valueDisplay"
+      :valueType="item.valueType"
+      :cancelRangeSelectLimit="item.cancelRangeSelectLimit"
+      :rangeInputProps="item.rangeInputProps"
+      :separator="item.separator"
+
+
+      @change="onChange" />
+  </div>
+</template>
+<script setup>
+import { DateRangePicker as TDateRangePicker } from 'tdesign-vue-next'
+
+const value = defineModel()
+defineProps(['item'])
+
+const emit = defineEmits(['change'])
+
+const onChange = (val) =>  {
+  emit('change',val)
+}
+</script>