ff-ui-plus 2.0.7

package/packages/components/timer-btn/src/index.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="t-timer-btn">
+    <button
+      class="sendSmsBtn"
+      :class="{ dissendSmsBtn: disabled, className }"
+      type="button"
+      @click="run"
+      :disabled="disabled || time > 0"
+    >
+      {{ text }}
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue"
+defineOptions({
+  name: "TTimerBtn"
+})
+export interface TTimerBtnProps {
+  second?: number
+  className?: string
+}
+const props = withDefaults(defineProps<TTimerBtnProps>(), {
+  second: 60,
+  className: ""
+})
+const time = ref(0)
+const disabled = ref(false)
+const text = computed(() => {
+  return time.value > 0 ? `${time.value}s 后重获取` : "获取验证码"
+})
+const emits = defineEmits(["click"])
+const run = () => {
+  emits("click")
+  start()
+}
+// 重置倒计时0
+const reset = () => {
+  time.value = 0
+}
+const start = () => {
+  time.value = props.second
+  disabled.value = true
+  timer()
+}
+const timer = () => {
+  if (time.value > 0) {
+    time.value--
+    setTimeout(timer, 1000)
+  } else {
+    disabled.value = false
+  }
+}
+// 暴露方法出去
+defineExpose({ reset })
+</script>

package/packages/components/timer-btn/style/css.ts

@@ -0,0 +1 @@
+import "@ff-ui-plus/theme-chalk/t-timer-btn.css"

package/packages/components/timer-btn/style/index.ts

@@ -0,0 +1 @@
+import "@ff-ui-plus/theme-chalk/src/timer-btn.scss"

package/packages/components/utils/index.ts

@@ -0,0 +1,142 @@
+type Func = (...args: any[]) => any
+/**
+ * 防抖函数
+ * @param { Function } func 函数
+ * @param { Number } delay 防抖时间
+ * @param { Boolean } immediate 是否立即执行
+ * @param { Function } resultCallback
+ */
+export function debounce(
+  func: Func,
+  delay: number = 500,
+  immediate?: boolean,
+  resultCallback?: Func
+) {
+  let timer: null | ReturnType<typeof setTimeout> = null
+  let isInvoke = false
+  const _debounce = function (this: unknown, ...args: any[]) {
+    return new Promise((resolve, reject) => {
+      if (timer) clearTimeout(timer)
+      if (immediate && !isInvoke) {
+        try {
+          const result = func.apply(this, args)
+          if (resultCallback) resultCallback(result)
+          resolve(result)
+        } catch (e) {
+          reject(e)
+        }
+        isInvoke = true
+      } else {
+        timer = setTimeout(() => {
+          try {
+            const result = func.apply(this, args)
+            if (resultCallback) resultCallback(result)
+            resolve(result)
+          } catch (e) {
+            reject(e)
+          }
+          isInvoke = false
+          timer = null
+        }, delay)
+      }
+    })
+  }
+  _debounce.cancel = function () {
+    if (timer) clearTimeout(timer)
+    isInvoke = false
+    timer = null
+  }
+  return _debounce
+}
+
+/**
+ * 节流函数
+ * @param { Function } func
+ * @param { Boolean } interval
+ * @param { Object } options
+ * leading:初始 trailing:结尾
+ */
+export function throttle(
+  func: Func,
+  interval: number,
+  options = { leading: false, trailing: true }
+) {
+  let timer: null | ReturnType<typeof setTimeout> = null
+  let lastTime = 0
+  const { leading, trailing } = options
+  const _throttle = function (this: unknown, ...args: any[]) {
+    const nowTime = Date.now()
+    if (!lastTime && !leading) lastTime = nowTime
+    const remainTime = interval - (nowTime - lastTime)
+    if (remainTime <= 0) {
+      if (timer) {
+        clearTimeout(timer)
+        timer = null
+      }
+      lastTime = nowTime
+      func.apply(this, args)
+    }
+    if (trailing && !timer) {
+      timer = setTimeout(() => {
+        lastTime = !leading ? 0 : Date.now()
+        timer = null
+        func.apply(this, args)
+      }, remainTime)
+    }
+  }
+  _throttle.cancel = function () {
+    if (timer) clearTimeout(timer)
+    timer = null
+    lastTime = 0
+  }
+  return _throttle
+}
+
+/**
+ * 驼峰转换下划线
+ * @param { String } name
+ */
+export function toLine(name: string) {
+  return name.replace(/([A-Z])/g, "_$1").toLowerCase()
+}
+
+/*
+  自定义保留 precision 位小数，并使用 separator 分隔符进行数字格式化
+  value：格式化目标数字
+  precision：精度，保留小数点后几位，默认2位
+  separator：千分位分隔符，默认为','
+  decimal：小数点符号，默认'.'
+  prefix：前缀字符，默认''
+  suffix：后缀字符，默认''
+  formatNumber(123456789.87654321, 2, ',') // 123,456,789.88
+*/
+export function formatNumber(
+  value: number | string,
+  precision = 2,
+  separator = ",",
+  decimal = ".",
+  prefix = "",
+  suffix = ""
+): string {
+  if (Number(value) === 0) {
+    return Number(value).toFixed(precision)
+  }
+  if (!value) {
+    return ""
+  }
+  value = Number(value).toFixed(precision)
+  value += ""
+  const nums = value.split(".")
+  let integer = nums[0]
+  const decimals = nums.length > 1 ? decimal + nums[1] : ""
+  const reg = /(\d+)(\d{3})/
+  function isNumber(value: any) {
+    return Object.prototype.toString.call(value) === "[object Number]"
+  }
+  if (separator && !isNumber(separator)) {
+    while (reg.test(integer)) {
+      integer = integer.replace(reg, "$1" + separator + "$2")
+    }
+  }
+  return prefix + integer + decimals + suffix
+}

package/packages/components/utils/install.ts

@@ -0,0 +1,16 @@
+import type { Plugin, App } from "vue"
+export type SFCWithInstall<T> = T & Plugin
+export const withInstall = <T, E extends Record<string, any>>(main: T, extra?: E) => {
+  ;(main as SFCWithInstall<T>).install = (app: App): void => {
+    for (const comp of [main, ...Object.values(extra ?? {})]) {
+      app.component(comp.name, comp)
+    }
+  }
+
+  if (extra) {
+    for (const [key, comp] of Object.entries(extra)) {
+      ;(main as any)[key] = comp
+    }
+  }
+  return main as SFCWithInstall<T> & E
+}

package/packages/eslint-config/build.config.ts

@@ -0,0 +1,16 @@
+import { defineBuildConfig } from "unbuild"
+
+export default defineBuildConfig({
+  entries: ["./src/index"],
+  clean: true,
+  declaration: true,
+  rollup: {
+    emitCJS: true,
+    dts: {
+      respectExternal: true
+    },
+    esbuild: {
+      minify: false
+    }
+  }
+})

package/packages/eslint-config/dist/index.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+const index = {
+  parser: "vue-eslint-parser",
+  env: {
+    browser: true,
+    es2021: true,
+    node: true
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/vue3-recommended",
+    "@vue/eslint-config-typescript/recommended",
+    "@vue/eslint-config-prettier",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  parserOptions: {
+    ecmaVersion: "latest",
+    parser: "@typescript-eslint/parser"
+  },
+  plugins: ["vue", "@typescript-eslint", "import"],
+  rules: {
+    // base
+    "no-unused-vars": 0,
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    semi: [2, "never"],
+    "semi-spacing": [
+      2,
+      {
+        before: false,
+        after: true
+      }
+    ],
+    quotes: [
+      2,
+      "single",
+      {
+        avoidEscape: true,
+        allowTemplateLiterals: true
+      }
+    ],
+    "comma-dangle": [2, "never"],
+    "comma-spacing": [
+      2,
+      {
+        before: false,
+        after: true
+      }
+    ],
+    "comma-style": [2, "last"],
+    "arrow-parens": [2, "as-needed"],
+    "arrow-spacing": [
+      2,
+      {
+        before: true,
+        after: true
+      }
+    ],
+    "jsx-quotes": 2,
+    "no-async-promise-executor": 0,
+    "space-before-function-paren": 0,
+    "no-empty": 0,
+    "spaced-comment": ["error", "always"],
+    "no-undef": 0,
+    eqeqeq: 2,
+    // vue
+    "vue/no-unused-vars": [
+      "error",
+      {
+        ignorePattern: "^_"
+      }
+    ],
+    "vue/valid-attribute-name": 0,
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/multiline-html-element-content-newline": "off",
+    "vue/no-v-html": "off",
+    "vue/html-closing-bracket-newline": "off",
+    "vue/html-self-closing": [
+      "error",
+      {
+        html: {
+          void: "always",
+          normal: "always",
+          component: "always"
+        },
+        svg: "always",
+        math: "always"
+      }
+    ],
+    "vue/html-indent": 0,
+    "vue/max-attributes-per-line": 0,
+    "vue/custom-event-name-casing": 0,
+    "vue/eqeqeq": [2, "always", { null: "ignore" }],
+    "vue/multi-word-component-names": 0,
+    "vue/v-on-event-hyphenation": 0,
+    "vue/first-attribute-linebreak": 0,
+    "vue/no-reserved-props": 0,
+    // import
+    "import/first": "error",
+    "import/no-duplicates": "error",
+    "import/order": [
+      "error",
+      {
+        pathGroups: [
+          {
+            pattern: "@/**",
+            group: "external",
+            position: "after"
+          }
+        ],
+        pathGroupsExcludedImportTypes: ["builtin"]
+      }
+    ],
+    // typescript
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+    "@typescript-eslint/consistent-type-imports": [2, { disallowTypeAnnotations: false }]
+  }
+};
+
+module.exports = index;

package/packages/eslint-config/dist/index.d.cts

@@ -0,0 +1,92 @@
+declare const _default: {
+    parser: string;
+    env: {
+        browser: boolean;
+        es2021: boolean;
+        node: boolean;
+    };
+    extends: string[];
+    parserOptions: {
+        ecmaVersion: string;
+        parser: string;
+    };
+    plugins: string[];
+    rules: {
+        "no-unused-vars": number;
+        "no-console": string;
+        "no-debugger": string;
+        semi: (string | number)[];
+        "semi-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        quotes: (string | number | {
+            avoidEscape: boolean;
+            allowTemplateLiterals: boolean;
+        })[];
+        "comma-dangle": (string | number)[];
+        "comma-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        "comma-style": (string | number)[];
+        "arrow-parens": (string | number)[];
+        "arrow-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        "jsx-quotes": number;
+        "no-async-promise-executor": number;
+        "space-before-function-paren": number;
+        "no-empty": number;
+        "spaced-comment": string[];
+        "no-undef": number;
+        eqeqeq: number;
+        "vue/no-unused-vars": (string | {
+            ignorePattern: string;
+        })[];
+        "vue/valid-attribute-name": number;
+        "vue/singleline-html-element-content-newline": string;
+        "vue/multiline-html-element-content-newline": string;
+        "vue/no-v-html": string;
+        "vue/html-closing-bracket-newline": string;
+        "vue/html-self-closing": (string | {
+            html: {
+                void: string;
+                normal: string;
+                component: string;
+            };
+            svg: string;
+            math: string;
+        })[];
+        "vue/html-indent": number;
+        "vue/max-attributes-per-line": number;
+        "vue/custom-event-name-casing": number;
+        "vue/eqeqeq": (string | number | {
+            null: string;
+        })[];
+        "vue/multi-word-component-names": number;
+        "vue/v-on-event-hyphenation": number;
+        "vue/first-attribute-linebreak": number;
+        "vue/no-reserved-props": number;
+        "import/first": string;
+        "import/no-duplicates": string;
+        "import/order": (string | {
+            pathGroups: {
+                pattern: string;
+                group: string;
+                position: string;
+            }[];
+            pathGroupsExcludedImportTypes: string[];
+        })[];
+        "@typescript-eslint/no-explicit-any": number;
+        "@typescript-eslint/no-unused-vars": (string | {
+            argsIgnorePattern: string;
+        })[];
+        "@typescript-eslint/consistent-type-imports": (number | {
+            disallowTypeAnnotations: boolean;
+        })[];
+    };
+};
+
+export { _default as default };

package/packages/eslint-config/dist/index.d.mts

@@ -0,0 +1,92 @@
+declare const _default: {
+    parser: string;
+    env: {
+        browser: boolean;
+        es2021: boolean;
+        node: boolean;
+    };
+    extends: string[];
+    parserOptions: {
+        ecmaVersion: string;
+        parser: string;
+    };
+    plugins: string[];
+    rules: {
+        "no-unused-vars": number;
+        "no-console": string;
+        "no-debugger": string;
+        semi: (string | number)[];
+        "semi-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        quotes: (string | number | {
+            avoidEscape: boolean;
+            allowTemplateLiterals: boolean;
+        })[];
+        "comma-dangle": (string | number)[];
+        "comma-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        "comma-style": (string | number)[];
+        "arrow-parens": (string | number)[];
+        "arrow-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        "jsx-quotes": number;
+        "no-async-promise-executor": number;
+        "space-before-function-paren": number;
+        "no-empty": number;
+        "spaced-comment": string[];
+        "no-undef": number;
+        eqeqeq: number;
+        "vue/no-unused-vars": (string | {
+            ignorePattern: string;
+        })[];
+        "vue/valid-attribute-name": number;
+        "vue/singleline-html-element-content-newline": string;
+        "vue/multiline-html-element-content-newline": string;
+        "vue/no-v-html": string;
+        "vue/html-closing-bracket-newline": string;
+        "vue/html-self-closing": (string | {
+            html: {
+                void: string;
+                normal: string;
+                component: string;
+            };
+            svg: string;
+            math: string;
+        })[];
+        "vue/html-indent": number;
+        "vue/max-attributes-per-line": number;
+        "vue/custom-event-name-casing": number;
+        "vue/eqeqeq": (string | number | {
+            null: string;
+        })[];
+        "vue/multi-word-component-names": number;
+        "vue/v-on-event-hyphenation": number;
+        "vue/first-attribute-linebreak": number;
+        "vue/no-reserved-props": number;
+        "import/first": string;
+        "import/no-duplicates": string;
+        "import/order": (string | {
+            pathGroups: {
+                pattern: string;
+                group: string;
+                position: string;
+            }[];
+            pathGroupsExcludedImportTypes: string[];
+        })[];
+        "@typescript-eslint/no-explicit-any": number;
+        "@typescript-eslint/no-unused-vars": (string | {
+            argsIgnorePattern: string;
+        })[];
+        "@typescript-eslint/consistent-type-imports": (number | {
+            disallowTypeAnnotations: boolean;
+        })[];
+    };
+};
+
+export { _default as default };

package/packages/eslint-config/dist/index.d.ts

@@ -0,0 +1,92 @@
+declare const _default: {
+    parser: string;
+    env: {
+        browser: boolean;
+        es2021: boolean;
+        node: boolean;
+    };
+    extends: string[];
+    parserOptions: {
+        ecmaVersion: string;
+        parser: string;
+    };
+    plugins: string[];
+    rules: {
+        "no-unused-vars": number;
+        "no-console": string;
+        "no-debugger": string;
+        semi: (string | number)[];
+        "semi-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        quotes: (string | number | {
+            avoidEscape: boolean;
+            allowTemplateLiterals: boolean;
+        })[];
+        "comma-dangle": (string | number)[];
+        "comma-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        "comma-style": (string | number)[];
+        "arrow-parens": (string | number)[];
+        "arrow-spacing": (number | {
+            before: boolean;
+            after: boolean;
+        })[];
+        "jsx-quotes": number;
+        "no-async-promise-executor": number;
+        "space-before-function-paren": number;
+        "no-empty": number;
+        "spaced-comment": string[];
+        "no-undef": number;
+        eqeqeq: number;
+        "vue/no-unused-vars": (string | {
+            ignorePattern: string;
+        })[];
+        "vue/valid-attribute-name": number;
+        "vue/singleline-html-element-content-newline": string;
+        "vue/multiline-html-element-content-newline": string;
+        "vue/no-v-html": string;
+        "vue/html-closing-bracket-newline": string;
+        "vue/html-self-closing": (string | {
+            html: {
+                void: string;
+                normal: string;
+                component: string;
+            };
+            svg: string;
+            math: string;
+        })[];
+        "vue/html-indent": number;
+        "vue/max-attributes-per-line": number;
+        "vue/custom-event-name-casing": number;
+        "vue/eqeqeq": (string | number | {
+            null: string;
+        })[];
+        "vue/multi-word-component-names": number;
+        "vue/v-on-event-hyphenation": number;
+        "vue/first-attribute-linebreak": number;
+        "vue/no-reserved-props": number;
+        "import/first": string;
+        "import/no-duplicates": string;
+        "import/order": (string | {
+            pathGroups: {
+                pattern: string;
+                group: string;
+                position: string;
+            }[];
+            pathGroupsExcludedImportTypes: string[];
+        })[];
+        "@typescript-eslint/no-explicit-any": number;
+        "@typescript-eslint/no-unused-vars": (string | {
+            argsIgnorePattern: string;
+        })[];
+        "@typescript-eslint/consistent-type-imports": (number | {
+            disallowTypeAnnotations: boolean;
+        })[];
+    };
+};
+
+export { _default as default };