easybill-ui 1.0.20 → 1.0.23

package/README.md

@@ -1,51 +1,51 @@
-# `easybill-ui`
-
-> A component library for easybill
-
-## 安装
-
-#### 环境支持
-
-Easybill Ui 与 Element Plus 的环境支持保持一致。
-
-Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。
-
-由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器。
-
-| Edge      | Firefox      | Chrome      | Safari      |
-| --------- | ------------ | ----------- | ----------- |
-| Edge ≥ 79 | Firefox ≥ 78 | Chrome ≥ 64 | Safari ≥ 12 |
-
-#### 包管理器安装
-
-```shell
-# 选择一个你喜欢的包管理器
-
-# NPM
-$ npm install easybill-ui --save
-
-# Yarn
-$ yarn add easybill-ui
-
-# pnpm
-$ pnpm install easybill-ui
-```
-
-#### 快速开始
-
-```typescript
-// main.ts
-import { createApp } from "vue"
-import App from "./App.vue"
-
-import ElementPlus from "element-plus"
-import "element-plus/dist/index.css"
-
-import EasybillUi from "easybill-ui"
-import "easybill-ui/theme-chalk/index.css"
-
-const app = createApp(App)
-
-app.use(ElementPlus).use(EasybillUi)
-app.mount("#app")
-```
+# `easybill-ui`
+
+> A component library for easybill
+
+## 安装
+
+#### 环境支持
+
+Easybill Ui 与 Element Plus 的环境支持保持一致。
+
+Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。
+
+由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 浏览器。
+
+| Edge      | Firefox      | Chrome      | Safari      |
+| --------- | ------------ | ----------- | ----------- |
+| Edge ≥ 79 | Firefox ≥ 78 | Chrome ≥ 64 | Safari ≥ 12 |
+
+#### 包管理器安装
+
+```shell
+# 选择一个你喜欢的包管理器
+
+# NPM
+$ npm install easybill-ui --save
+
+# Yarn
+$ yarn add easybill-ui
+
+# pnpm
+$ pnpm install easybill-ui
+```
+
+#### 快速开始
+
+```typescript
+// main.ts
+import { createApp } from "vue"
+import App from "./App.vue"
+
+import ElementPlus from "element-plus"
+import "element-plus/dist/index.css"
+
+import EasybillUi from "easybill-ui"
+import "easybill-ui/theme-chalk/index.css"
+
+const app = createApp(App)
+
+app.use(ElementPlus).use(EasybillUi)
+app.mount("#app")
+```

package/components/ConstantStatus/index.ts

@@ -1,5 +1,5 @@
-import Instance from "./src"
-import { withInstall } from "../../utils"
-export const ConstantStatus = withInstall(Instance)
-export default ConstantStatus
-export * from "./src/types"
+import Instance from "./src"
+import { withInstall } from "../../utils"
+export const ConstantStatus = withInstall(Instance)
+export default ConstantStatus
+export * from "./src/types"

package/components/ConstantStatus/src/ConstantStatus.vue

@@ -1,63 +1,63 @@
-<template>
-  <el-tag v-if="current" class="constant-status" :class="{ 'dot-status': current.dot }" v-bind="currentProps">
-    <el-icon v-if="(current.icon || current.iconClass) && !current.dot" :class="current.iconClass" style="margin-right: 5px">
-      <component :is="current.icon" v-if="current.icon" class="icon" :size="14" style="width: 12px; height: 12px" />
-    </el-icon>
-    <span v-if="current.dot" class="dot"></span>
-    <span v-if="current.html" class="name" v-html="current.label"></span>
-    <span v-else class="name">{{ current.label }}</span>
-  </el-tag>
-  <span v-else>{{ typeof value === "undefined" || value === "" ? "--" : value }}</span>
-</template>
-<script lang="ts">
-export default {
-  name: "ConstantStatus",
-}
-</script>
-<script lang="ts" setup>
-import { computed, PropType } from "vue"
-import { OptionItem } from "./types"
-const props = defineProps({
-  value: {
-    type: [String, Number, Boolean],
-    default: undefined,
-  },
-  options: {
-    type: Array as PropType<Array<OptionItem>>,
-    default: () => [],
-  },
-})
-const current = computed(() => {
-  const result = props.options || []
-  const value = props.value
-  if (typeof value == "string" && value.indexOf(",") > -1) {
-    var curs = result.filter((a) => value.indexOf(a.value + "") > -1)
-    return {
-      ...curs[0],
-      label: curs.map((a) => a.label).join(","),
-    }
-  }
-  if (value === "" || value === undefined) {
-    return undefined
-  }
-  return result && result.find((a) => a.value == props.value)
-})
-const currentProps = computed(() => {
-  const defaults = { type: "", label: "", value: "", class: [""], style: {} } as OptionItem
-  const result = props.options || []
-  const cur = result.find((a) => a.value == props.value)
-  if (!cur) return {}
-  const { label, value, border, type, ...args } = cur
-  if (typeof border !== "undefined") {
-    defaults.class = ["no-border"]
-    defaults.style = args.color ? { color: args.color, backgroundColor: "transparent" } : {}
-  }
-  // 判断type在不在里面
-  if (type && ["success", "info", "warning", "danger"].includes(String(type))) {
-    defaults.type = type
-  } else {
-    defaults.class.push("el-tag--" + (type || "default"))
-  }
-  return { ...defaults, ...args }
-})
-</script>
+<template>
+  <el-tag v-if="current" class="constant-status" :class="{ 'dot-status': current.dot }" v-bind="currentProps">
+    <el-icon v-if="(current.icon || current.iconClass) && !current.dot" :class="current.iconClass" style="margin-right: 5px">
+      <component :is="current.icon" v-if="current.icon" class="icon" :size="14" style="width: 12px; height: 12px" />
+    </el-icon>
+    <span v-if="current.dot" class="dot"></span>
+    <span v-if="current.html" class="name" v-html="current.label"></span>
+    <span v-else class="name">{{ current.label }}</span>
+  </el-tag>
+  <span v-else>{{ typeof value === "undefined" || value === "" ? "--" : value }}</span>
+</template>
+<script lang="ts">
+export default {
+  name: "ConstantStatus",
+}
+</script>
+<script lang="ts" setup>
+import { computed, PropType } from "vue"
+import { OptionItem } from "./types"
+const props = defineProps({
+  value: {
+    type: [String, Number, Boolean],
+    default: undefined,
+  },
+  options: {
+    type: Array as PropType<Array<OptionItem>>,
+    default: () => [],
+  },
+})
+const current = computed(() => {
+  const result = props.options || []
+  const value = props.value
+  if (typeof value == "string" && value.indexOf(",") > -1) {
+    var curs = result.filter((a) => value.indexOf(a.value + "") > -1)
+    return {
+      ...curs[0],
+      label: curs.map((a) => a.label).join(","),
+    }
+  }
+  if (value === "" || value === undefined) {
+    return undefined
+  }
+  return result && result.find((a) => a.value == props.value)
+})
+const currentProps = computed(() => {
+  const defaults = { type: "", label: "", value: "", class: [""], style: {} } as OptionItem
+  const result = props.options || []
+  const cur = result.find((a) => a.value == props.value)
+  if (!cur) return {}
+  const { label, value, border, type, ...args } = cur
+  if (typeof border !== "undefined") {
+    defaults.class = ["no-border"]
+    defaults.style = args.color ? { color: args.color, backgroundColor: "transparent" } : {}
+  }
+  // 判断type在不在里面
+  if (type && ["success", "info", "warning", "danger"].includes(String(type))) {
+    defaults.type = type
+  } else {
+    defaults.class.push("el-tag--" + (type || "default"))
+  }
+  return { ...defaults, ...args }
+})
+</script>

package/components/ConstantStatus/src/index.ts

@@ -1,3 +1,3 @@
-import ConstantStatus from "./ConstantStatus.vue"
-export { ConstantStatus }
-export default ConstantStatus
+import ConstantStatus from "./ConstantStatus.vue"
+export { ConstantStatus }
+export default ConstantStatus

package/components/ConstantStatus/src/types.ts

@@ -1,18 +1,18 @@
-export interface OptionItem extends Record<string, any> {
-  label: string
-  value: string | number | boolean
-  disabled?: boolean
-  type?: string | "default" | "primary" | "success" | "info" | "warning" | "danger" | "blue" | "blue-dark" | "yellow" | "blueness" | "red-purple" | "error"
-  icon?: any
-  hit?: boolean
-  color?: string
-  size?: string | "large" | "default" | "small"
-  effect?: string | "dark" | "light" | "plain"
-  round?: boolean
-  border?: boolean
-  className?: string
-  iconClass?: string | string[]
-  dot?: boolean
-  tooltip?: any
-  html?: string
-}
+export interface OptionItem extends Record<string, any> {
+  label: string
+  value: string | number | boolean
+  disabled?: boolean
+  type?: string | "default" | "primary" | "success" | "info" | "warning" | "danger" | "blue" | "blue-dark" | "yellow" | "blueness" | "red-purple" | "error"
+  icon?: any
+  hit?: boolean
+  color?: string
+  size?: string | "large" | "default" | "small"
+  effect?: string | "dark" | "light" | "plain"
+  round?: boolean
+  border?: boolean
+  className?: string
+  iconClass?: string | string[]
+  dot?: boolean
+  tooltip?: any
+  html?: string
+}

package/components/CurdForm/index.ts

@@ -1,9 +1,9 @@
-import Instance from "./src/index"
-import FormItem from "./src/CurdFormItem.vue"
-import { withInstall } from "../../utils"
-export const CurdForm = withInstall(Instance)
-export const CurdFormItem = withInstall(FormItem)
-export default CurdForm
-export * from "./src/types"
-export * from "./src/directive"
-export * from "./src/hooks"
+import Instance from "./src/index"
+import FormItem from "./src/CurdFormItem.vue"
+import { withInstall } from "../../utils"
+export const CurdForm = withInstall(Instance)
+export const CurdFormItem = withInstall(FormItem)
+export default CurdForm
+export * from "./src/types"
+export * from "./src/directive"
+export * from "./src/hooks"