af-mobile-client-vue3 1.0.94 → 1.0.96

package/src/components/core/NavBar/index.vue

@@ -1,12 +1,12 @@
-<script setup lang="ts">
-import { NavBar as VanNavBar } from 'vant/es'
-
-// back
-const onClickLeft = () => history.back()
-</script>
-
-<template>
-  <VanNavBar left-arrow placeholder fixed @click-left="onClickLeft" />
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { NavBar as VanNavBar } from 'vant/es'
+
+// back
+const onClickLeft = () => history.back()
+</script>
+
+<template>
+  <VanNavBar left-arrow placeholder fixed @click-left="onClickLeft" />
+</template>
+
+<style scoped></style>

package/src/components/core/SvgIcon/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import { isExternal } from '@af-mobile-client-vue3/utils/validate'
+import { computed } from 'vue'
 
 interface Props {
   name: string

package/src/components/core/Tabbar/index.vue

@@ -1,38 +1,38 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import SvgIcon from '@af-mobile-client-vue3/components/core/SvgIcon/index.vue'
-import { Icon as VanIcon, Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from 'vant'
-import 'vant/lib/tabbar-item/index.css'
-import 'vant/lib/tabbar/index.css'
-
-const Props = defineProps<{
-  tabbarData: [
-    {
-      icon: string
-      title: string
-      to: {
-        name: string
-      }
-    },
-  ]
-}>()
-const active = ref(0)
-</script>
-
-<template>
-  <VanTabbar v-model="active" :placeholder="true" :route="true" fixed>
-    <VanTabbarItem
-      v-for="(item, index) in Props.tabbarData"
-      :key="index"
-      :to="item.to"
-    >
-      <template v-if="item.icon.startsWith('svg:')" #icon="props">
-        <SvgIcon :name="item.icon.split(':')[1]" :class-name="props.active ? 'svg-icon-active-blue' : ``" />
-      </template>
-      <template v-else #icon>
-        <VanIcon :name="item.icon" />
-      </template>
-      {{ item.title }}
-    </VanTabbarItem>
-  </VanTabbar>
-</template>
+<script setup lang="ts">
+import SvgIcon from '@af-mobile-client-vue3/components/core/SvgIcon/index.vue'
+import { Icon as VanIcon, Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from 'vant'
+import { ref } from 'vue'
+import 'vant/lib/tabbar-item/index.css'
+import 'vant/lib/tabbar/index.css'
+
+const Props = defineProps<{
+  tabbarData: [
+    {
+      icon: string
+      title: string
+      to: {
+        name: string
+      }
+    },
+  ]
+}>()
+const active = ref(0)
+</script>
+
+<template>
+  <VanTabbar v-model="active" :placeholder="true" :route="true" fixed>
+    <VanTabbarItem
+      v-for="(item, index) in Props.tabbarData"
+      :key="index"
+      :to="item.to"
+    >
+      <template v-if="item.icon.startsWith('svg:')" #icon="props">
+        <SvgIcon :name="item.icon.split(':')[1]" :class-name="props.active ? 'svg-icon-active-blue' : ``" />
+      </template>
+      <template v-else #icon>
+        <VanIcon :name="item.icon" />
+      </template>
+      {{ item.title }}
+    </VanTabbarItem>
+  </VanTabbar>
+</template>

package/src/components/core/Uploader/index.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { deleteFile, upload } from '@af-mobile-client-vue3/services/api/common'
 import {
   Button as vanButton,
   Uploader as vanUploader,
 } from 'vant'
 import { onMounted, ref } from 'vue'
-import { deleteFile, upload } from '@af-mobile-client-vue3/services/api/common'
 
 const props = defineProps({
   imageList: Array<any>,

package/src/components/core/XGridDropOption/index.vue

@@ -1,151 +1,151 @@
-<script setup lang="ts">
-import { defineEmits, defineModel, defineProps } from 'vue'
-import {
-  Button as VanButton,
-  Checkbox as VanCheckbox,
-  CheckboxGroup as VanCheckboxGroup,
-  Grid as VanGrid,
-  GridItem as VanGridItem,
-  Radio as VanRadio,
-  RadioGroup as VanRadioGroup,
-} from 'vant'
-
-interface ColumnItem {
-  [key: string]: string | number
-}
-
-interface ColumnsFieldNames {
-  text: string
-  value: string
-}
-
-const props = defineProps({
-  columns: {
-    type: Array as () => ColumnItem[],
-    default: () => [] as ColumnItem[],
-  },
-  columnsFieldNames: {
-    type: Object as () => ColumnsFieldNames,
-    default: () => ({
-      text: 'label',
-      value: 'value',
-    }),
-  },
-  gutter: {
-    type: Number,
-    default: 8,
-  },
-  columnNum: {
-    type: Number,
-    default: 4,
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-})
-
-const emit = defineEmits<{
-  change: [value: string | string[], list: ColumnItem[]]
-}>()
-
-const checked = defineModel<string | string[]>()
-
-function classSel(colRow: ColumnItem): boolean {
-  if (typeof checked.value === 'string' || Array.isArray(checked.value))
-    return checked.value.includes(String(colRow[props.columnsFieldNames.value]))
-  else if (typeof checked.value === 'undefined')
-    return false
-  else
-    return checked.value === String(colRow[props.columnsFieldNames.value])
-}
-
-function valueChange(value: string | string[]) {
-  const list = props.columns.filter((item) => {
-    if (props.multiple)
-      return value.includes(String(item[props.columnsFieldNames.value]))
-
-    else
-      return value === item[props.columnsFieldNames.value]
-  })
-  emit('change', value, list)
-}
-</script>
-
-<template>
-  <div id="XGridDropOption">
-    <template v-if="props.multiple">
-      <VanCheckboxGroup v-model="checked as string[]" direction="horizontal" @change="valueChange">
-        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
-          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
-            <template #default>
-              <VanCheckbox :name="colRow[props.columnsFieldNames.value]">
-                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
-                  {{ colRow[props.columnsFieldNames.text] }}
-                </VanButton>
-              </VanCheckbox>
-            </template>
-          </VanGridItem>
-        </VanGrid>
-      </VanCheckboxGroup>
-    </template>
-    <template v-else>
-      <VanRadioGroup v-model="checked" direction="horizontal" @change="valueChange">
-        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
-          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
-            <template #default>
-              <VanRadio :name="colRow[props.columnsFieldNames.value]">
-                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
-                  {{ colRow[props.columnsFieldNames.text] }}
-                </VanButton>
-              </VanRadio>
-            </template>
-          </VanGridItem>
-        </VanGrid>
-      </VanRadioGroup>
-    </template>
-  </div>
-</template>
-
-<style scoped lang="less">
-#XGridDropOption {
-  width: 100%;
-  --van-grid-item-content-padding: 2px;
-  --van-padding-sm: 0px;
-  --van-checkbox-label-margin: 0px;
-  --van-radio-label-margin: 0px;
-  --van-button-default-border-color: 'rgb(247,248,250)';
-
-  .van-grid {
-    width: 100%;
-  }
-
-  .select-text-col {
-    color: blue;
-  }
-
-  :deep(.van-checkbox__icon) {
-    display: none;
-  }
-
-  :deep(.van-checkbox)  {
-    width: 100%;
-  }
-  :deep(.van-radio__icon)  {
-    display: none;
-  }
-  :deep(.van-radio)  {
-    width: 100%;
-  }
-  :deep(.van-button)  {
-    width: 100%;
-    background-color: rgb(247,248,250);
-  }
-  :deep(.van-checkbox__label)  {
-    width: 100%;
-  }
-  :deep(.van-radio__label)  {
-    width: 100%;
-  }
-}
-</style>
+<script setup lang="ts">
+import {
+  Button as VanButton,
+  Checkbox as VanCheckbox,
+  CheckboxGroup as VanCheckboxGroup,
+  Grid as VanGrid,
+  GridItem as VanGridItem,
+  Radio as VanRadio,
+  RadioGroup as VanRadioGroup,
+} from 'vant'
+import { defineEmits, defineModel, defineProps } from 'vue'
+
+interface ColumnItem {
+  [key: string]: string | number
+}
+
+interface ColumnsFieldNames {
+  text: string
+  value: string
+}
+
+const props = defineProps({
+  columns: {
+    type: Array as () => ColumnItem[],
+    default: () => [] as ColumnItem[],
+  },
+  columnsFieldNames: {
+    type: Object as () => ColumnsFieldNames,
+    default: () => ({
+      text: 'label',
+      value: 'value',
+    }),
+  },
+  gutter: {
+    type: Number,
+    default: 8,
+  },
+  columnNum: {
+    type: Number,
+    default: 4,
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits<{
+  change: [value: string | string[], list: ColumnItem[]]
+}>()
+
+const checked = defineModel<string | string[]>()
+
+function classSel(colRow: ColumnItem): boolean {
+  if (typeof checked.value === 'string' || Array.isArray(checked.value))
+    return checked.value.includes(String(colRow[props.columnsFieldNames.value]))
+  else if (typeof checked.value === 'undefined')
+    return false
+  else
+    return checked.value === String(colRow[props.columnsFieldNames.value])
+}
+
+function valueChange(value: string | string[]) {
+  const list = props.columns.filter((item) => {
+    if (props.multiple)
+      return value.includes(String(item[props.columnsFieldNames.value]))
+
+    else
+      return value === item[props.columnsFieldNames.value]
+  })
+  emit('change', value, list)
+}
+</script>
+
+<template>
+  <div id="XGridDropOption">
+    <template v-if="props.multiple">
+      <VanCheckboxGroup v-model="checked as string[]" direction="horizontal" @change="valueChange">
+        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
+          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
+            <template #default>
+              <VanCheckbox :name="colRow[props.columnsFieldNames.value]">
+                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
+                  {{ colRow[props.columnsFieldNames.text] }}
+                </VanButton>
+              </VanCheckbox>
+            </template>
+          </VanGridItem>
+        </VanGrid>
+      </VanCheckboxGroup>
+    </template>
+    <template v-else>
+      <VanRadioGroup v-model="checked" direction="horizontal" @change="valueChange">
+        <VanGrid :gutter="props.gutter" :border="false" :column-num="props.columnNum">
+          <VanGridItem v-for="colRow in props.columns" :key="colRow[props.columnsFieldNames.text]">
+            <template #default>
+              <VanRadio :name="colRow[props.columnsFieldNames.value]">
+                <VanButton type="default" size="small" :class="{ 'select-text-col': classSel(colRow) }">
+                  {{ colRow[props.columnsFieldNames.text] }}
+                </VanButton>
+              </VanRadio>
+            </template>
+          </VanGridItem>
+        </VanGrid>
+      </VanRadioGroup>
+    </template>
+  </div>
+</template>
+
+<style scoped lang="less">
+#XGridDropOption {
+  width: 100%;
+  --van-grid-item-content-padding: 2px;
+  --van-padding-sm: 0px;
+  --van-checkbox-label-margin: 0px;
+  --van-radio-label-margin: 0px;
+  --van-button-default-border-color: 'rgb(247,248,250)';
+
+  .van-grid {
+    width: 100%;
+  }
+
+  .select-text-col {
+    color: blue;
+  }
+
+  :deep(.van-checkbox__icon) {
+    display: none;
+  }
+
+  :deep(.van-checkbox)  {
+    width: 100%;
+  }
+  :deep(.van-radio__icon)  {
+    display: none;
+  }
+  :deep(.van-radio)  {
+    width: 100%;
+  }
+  :deep(.van-button)  {
+    width: 100%;
+    background-color: rgb(247,248,250);
+  }
+  :deep(.van-checkbox__label)  {
+    width: 100%;
+  }
+  :deep(.van-radio__label)  {
+    width: 100%;
+  }
+}
+</style>