@uxda/appkit 4.3.2 → 4.3.3

package/src/components/dd-selector/index.vue

@@ -1,124 +1,124 @@
-<!--* NAME: index-->
-<!--* AUTHOR: yanglong-->
-<!--* UPDATE: 2022-02-23 09:33-->
-<!--* TIP: 微信原生实现单列选择器-->
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue'
-import DdIcon from '../dd-icon/index.vue'
-
-interface Option {
-  label?: string
-  value?: string
-}
-interface PropsType {
-  value?: string
-  options?: Option[]
-  placeholder?: string
-  rightIcon?: boolean
-  disabled?: boolean
-}
-
-const props = withDefaults(defineProps<PropsType>(), {
-  value: '',
-  options: () => [],
-  placeholder: '请选择',
-  rightIcon: true,
-  disabled: false,
-})
-
-const currentIndex = ref<number>()
-const currentLabel = ref<string>()
-
-const emit = defineEmits(['update:value', 'change', 'cancel'])
-function onChange(e) {
-  const index = e.detail.value as number
-  const item = props.options[index]
-  if (item === void 0) return
-  currentIndex.value = index
-  currentLabel.value = item.label
-  emit('update:value', item.value)
-  emit('change', item)
-}
-
-// 通过value查询item index
-function findIndexByValue(value: string) {
-  if (value == undefined) return undefined
-  const index = props.options.findIndex((item: Option) => item.value == value)
-  return index >= 0 ? index : undefined
-}
-
-function onCancel(e) {
-  emit('cancel', e)
-}
-
-watch(
-  () => props,
-  () => {
-    init()
-  },
-  {
-    deep: true,
-    immediate: true,
-  }
-)
-
-function init() {
-  currentIndex.value = findIndexByValue(props.value)
-  currentLabel.value =
-    currentIndex.value >= 0 ? (props.options[currentIndex.value] || {}).label : ''
-}
-</script>
-
-<template>
-  <picker
-    mode="selector"
-    :range="props.options"
-    range-key="label"
-    :value="currentIndex"
-    @cancel="onCancel"
-    @change="onChange"
-    style="flex: 1"
-    :disabled="props.disabled"
-  >
-    <slot name="content">
-      <div class="dd-selector">
-        <div class="dd-selector-value">
-          <div
-            :class="
-              currentIndex >= 0 && !props.disabled ? 'dd-selector-value' : 'dd-selector-label'
-            "
-          >
-            {{ currentLabel || props.placeholder }}
-          </div>
-          <div>
-            <slot name="tips"></slot>
-          </div>
-        </div>
-        <slot name="icon">
-          <DdIcon
-            v-if="props.rightIcon"
-            name="icon-arrow"
-            size="11px"
-            :color="currentIndex >= 0 && !props.disabled ? '#353535' : '#DFDFDF'"
-            class="icon-arrow"
-          />
-        </slot>
-      </div>
-    </slot>
-  </picker>
-</template>
-
-<style lang="scss">
-.dd-selector {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  &-value {
-    text-align: right;
-    color: black;
-  }
-  &-label {
-    color: var(--placeholder-color);
-  }
-}
-</style>
+<!--* NAME: index-->
+<!--* AUTHOR: yanglong-->
+<!--* UPDATE: 2022-02-23 09:33-->
+<!--* TIP: 微信原生实现单列选择器-->
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import DdIcon from '../dd-icon/index.vue'
+
+interface Option {
+  label?: string
+  value?: string
+}
+interface PropsType {
+  value?: string
+  options?: Option[]
+  placeholder?: string
+  rightIcon?: boolean
+  disabled?: boolean
+}
+
+const props = withDefaults(defineProps<PropsType>(), {
+  value: '',
+  options: () => [],
+  placeholder: '请选择',
+  rightIcon: true,
+  disabled: false,
+})
+
+const currentIndex = ref<number>()
+const currentLabel = ref<string>()
+
+const emit = defineEmits(['update:value', 'change', 'cancel'])
+function onChange(e) {
+  const index = e.detail.value as number
+  const item = props.options[index]
+  if (item === void 0) return
+  currentIndex.value = index
+  currentLabel.value = item.label
+  emit('update:value', item.value)
+  emit('change', item)
+}
+
+// 通过value查询item index
+function findIndexByValue(value: string) {
+  if (value == undefined) return undefined
+  const index = props.options.findIndex((item: Option) => item.value == value)
+  return index >= 0 ? index : undefined
+}
+
+function onCancel(e) {
+  emit('cancel', e)
+}
+
+watch(
+  () => props,
+  () => {
+    init()
+  },
+  {
+    deep: true,
+    immediate: true,
+  }
+)
+
+function init() {
+  currentIndex.value = findIndexByValue(props.value)
+  currentLabel.value =
+    currentIndex.value >= 0 ? (props.options[currentIndex.value] || {}).label : ''
+}
+</script>
+
+<template>
+  <picker
+    mode="selector"
+    :range="props.options"
+    range-key="label"
+    :value="currentIndex"
+    @cancel="onCancel"
+    @change="onChange"
+    style="flex: 1"
+    :disabled="props.disabled"
+  >
+    <slot name="content">
+      <div class="dd-selector">
+        <div class="dd-selector-value">
+          <div
+            :class="
+              currentIndex >= 0 && !props.disabled ? 'dd-selector-value' : 'dd-selector-label'
+            "
+          >
+            {{ currentLabel || props.placeholder }}
+          </div>
+          <div>
+            <slot name="tips"></slot>
+          </div>
+        </div>
+        <slot name="icon">
+          <DdIcon
+            v-if="props.rightIcon"
+            name="icon-arrow"
+            size="11px"
+            :color="currentIndex >= 0 && !props.disabled ? '#353535' : '#DFDFDF'"
+            class="icon-arrow"
+          />
+        </slot>
+      </div>
+    </slot>
+  </picker>
+</template>
+
+<style lang="scss">
+.dd-selector {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  &-value {
+    text-align: right;
+    color: black;
+  }
+  &-label {
+    color: var(--placeholder-color);
+  }
+}
+</style>

package/src/components/dd-skeleton/doc.md

@@ -1,19 +1,19 @@
-# ddSkeleton 骨架屏
-
-#
-## 使用
-
-``` javascript
-import ddSkeleton from '~/components/ddSkeleton/index.vue'
-```
-``` html
-<dd-skeleton @onSuccess="onSuccess" />
-```
-
-## Prop
-
-| 字段       | 说明        | 类型    | 默认值   |
-|-----------|-------------|---------|----------|
-| row       | 大骨架个数     | number  | 3    |
-| shortRow   | 短骨架的行数    | string  | 2     |
-| longRow    | 长骨架的行数    | string  | 3     |
+# ddSkeleton 骨架屏
+
+#
+## 使用
+
+``` javascript
+import ddSkeleton from '~/components/ddSkeleton/index.vue'
+```
+``` html
+<dd-skeleton @onSuccess="onSuccess" />
+```
+
+## Prop
+
+| 字段       | 说明        | 类型    | 默认值   |
+|-----------|-------------|---------|----------|
+| row       | 大骨架个数     | number  | 3    |
+| shortRow   | 短骨架的行数    | string  | 2     |
+| longRow    | 长骨架的行数    | string  | 3     |

package/src/components/dd-skeleton/index.vue

@@ -1,36 +1,36 @@
-<script setup lang="ts">
-interface PropType {
-  row?: number
-  shortRow?: string
-  longRow?: string
-}
-
-withDefaults(defineProps<PropType>(), {
-  row: 3,
-  shortRow: '2',
-  longRow: '4',
-})
-</script>
-
-<template>
-  <div class="dd-skeleton">
-    <div class="dd-skeleton__item" v-for="(item, key) in row" :key="key">
-      <nut-skeleton
-        width="40%"
-        height="15px"
-        animated
-        v-if="Number(shortRow) > 0"
-        :row="shortRow"
-      ></nut-skeleton>
-      <nut-skeleton width="100%" height="15px" title animated :row="longRow"></nut-skeleton>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-.dd-skeleton {
-  &__item {
-    margin-top: 10px;
-  }
-}
-</style>
+<script setup lang="ts">
+interface PropType {
+  row?: number
+  shortRow?: string
+  longRow?: string
+}
+
+withDefaults(defineProps<PropType>(), {
+  row: 3,
+  shortRow: '2',
+  longRow: '4',
+})
+</script>
+
+<template>
+  <div class="dd-skeleton">
+    <div class="dd-skeleton__item" v-for="(item, key) in row" :key="key">
+      <nut-skeleton
+        width="40%"
+        height="15px"
+        animated
+        v-if="Number(shortRow) > 0"
+        :row="shortRow"
+      ></nut-skeleton>
+      <nut-skeleton width="100%" height="15px" title animated :row="longRow"></nut-skeleton>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.dd-skeleton {
+  &__item {
+    margin-top: 10px;
+  }
+}
+</style>

package/src/global.ts

@@ -1,7 +1,7 @@
-const globalData: any = {
-
-}
-
-export {
-  globalData
+const globalData: any = {
+
+}
+
+export {
+  globalData
 }

package/src/index.ts

@@ -1,101 +1,101 @@
-import { App } from 'vue'
-import { components as paymentComponents } from './payment/components'
-import { services as paymentServices } from './payment'
-import { jssdkServices } from './shared'
-import // Grid,
-// GridItem,
-// Button,
-// Checkbox,
-// Popup,
-// OverLay,
-// DatePicker,
-// Form,
-// FormItem,
-// Cell,
-// CellGroup,
-// Dialog
-'@nutui/nutui-taro'
-import { type AppKitOptions, useAppKitOptions, DollarApp } from './Appkit'
-import { PaymentParams, RechargeParams } from './payment/types'
-import './main.scss'
-
-const nutComponents = [
-  // Grid,
-  // GridItem,
-  // Button,
-  // Checkbox,
-  // Popup,
-  // OverLay,
-  // DatePicker,
-  // Form,
-  // FormItem,
-  // Cell,
-  // CellGroup,
-  // Dialog
-]
-
-const appComponents = {
-  ...paymentComponents,
-}
-
-const services = [...paymentServices, ...jssdkServices]
-
-const $app: DollarApp = {
-  setToken: (token: () => string) => {
-    const appKitOptions = useAppKitOptions()
-    appKitOptions.token = token
-  },
-  setTempToken: (token: () => string) => {
-    const appKitOptions = useAppKitOptions()
-    appKitOptions.tempToken = token
-  },
-  requestPayment: (options: PaymentParams) => {},
-  invokeRecharge: (options: RechargeParams) => {},
-  getSdkConfig: (appCode: string, url: string) => {},
-}
-
-services.forEach((service) => {
-  service.install($app)
-})
-
-export function useAppKit(): DollarApp {
-  return $app
-}
-
-const AppKit = {
-  install(app: App, options: AppKitOptions) {
-    const appKitOptions = useAppKitOptions()
-    appKitOptions.app = options.app
-    appKitOptions.tenant = options.tenant
-    appKitOptions.token = options.token
-    appKitOptions.baseUrl = options.baseUrl
-    appKitOptions[401] = options[401]
-    appKitOptions.gray = options.gray
-
-    nutComponents.forEach((component) => {
-      app.use(component)
-    })
-    
-    // 注册自定义指令
-    if (options.directives) {
-      Object.entries(options.directives).forEach(([name, directive]) => {
-        app.directive(name, directive)
-      })
-    }
-    
-    // Object.entries(appComponents).forEach(([name, component]) => {
-    //   app.component(name, component)
-    // })
-  },
-}
-
-export default AppKit
-
-export * from './payment'
-export * from './balance'
-export * from './shared'
-export * from './register'
-export * from './notice'
-export * from './user'
-export * from './scenarios'
-export { type AppKitOptions }
+import { App } from 'vue'
+import { components as paymentComponents } from './payment/components'
+import { services as paymentServices } from './payment'
+import { jssdkServices } from './shared'
+import // Grid,
+// GridItem,
+// Button,
+// Checkbox,
+// Popup,
+// OverLay,
+// DatePicker,
+// Form,
+// FormItem,
+// Cell,
+// CellGroup,
+// Dialog
+'@nutui/nutui-taro'
+import { type AppKitOptions, useAppKitOptions, DollarApp } from './Appkit'
+import { PaymentParams, RechargeParams } from './payment/types'
+import './main.scss'
+
+const nutComponents = [
+  // Grid,
+  // GridItem,
+  // Button,
+  // Checkbox,
+  // Popup,
+  // OverLay,
+  // DatePicker,
+  // Form,
+  // FormItem,
+  // Cell,
+  // CellGroup,
+  // Dialog
+]
+
+const appComponents = {
+  ...paymentComponents,
+}
+
+const services = [...paymentServices, ...jssdkServices]
+
+const $app: DollarApp = {
+  setToken: (token: () => string) => {
+    const appKitOptions = useAppKitOptions()
+    appKitOptions.token = token
+  },
+  setTempToken: (token: () => string) => {
+    const appKitOptions = useAppKitOptions()
+    appKitOptions.tempToken = token
+  },
+  requestPayment: (options: PaymentParams) => {},
+  invokeRecharge: (options: RechargeParams) => {},
+  getSdkConfig: (appCode: string, url: string) => {},
+}
+
+services.forEach((service) => {
+  service.install($app)
+})
+
+export function useAppKit(): DollarApp {
+  return $app
+}
+
+const AppKit = {
+  install(app: App, options: AppKitOptions) {
+    const appKitOptions = useAppKitOptions()
+    appKitOptions.app = options.app
+    appKitOptions.tenant = options.tenant
+    appKitOptions.token = options.token
+    appKitOptions.baseUrl = options.baseUrl
+    appKitOptions[401] = options[401]
+    appKitOptions.gray = options.gray
+
+    nutComponents.forEach((component) => {
+      app.use(component)
+    })
+    
+    // 注册自定义指令
+    if (options.directives) {
+      Object.entries(options.directives).forEach(([name, directive]) => {
+        app.directive(name, directive)
+      })
+    }
+    
+    // Object.entries(appComponents).forEach(([name, component]) => {
+    //   app.component(name, component)
+    // })
+  },
+}
+
+export default AppKit
+
+export * from './payment'
+export * from './balance'
+export * from './shared'
+export * from './register'
+export * from './notice'
+export * from './user'
+export * from './scenarios'
+export { type AppKitOptions }

package/src/main.scss

@@ -1,2 +1,2 @@
-@import url(./styles/vars.scss);
+@import url(./styles/vars.scss);
 @import url(./styles/fonts.scss);