easybill-ui 1.4.1 → 1.4.2

package/dist/index.js

@@ -0,0 +1,35 @@
+import { ConstantStatus as o } from "./components/ConstantStatus/index.js";
+import { CurdForm as r } from "./components/CurdForm/index.js";
+import m from "./components/CurdForm/src/CurdFormItem.vue.js";
+import { CurdTable as t } from "./components/CurdTable/index.js";
+import { DetailInfo as e } from "./components/DetailInfo/index.js";
+import { FormDialog as a } from "./components/FormDialog/index.js";
+import { TableFilter as i } from "./components/TableFilter/index.js";
+import { makeInstaller as f } from "./utils/vue/make-installer.js";
+import { provideGlobalConfig as G, useGlobalConfig as T } from "./utils/hooks/useGlobalConfig.js";
+import { buildLocaleContext as D, buildTranslator as L, translate as k, useLocale as P } from "./utils/hooks/useLocal.js";
+import p from "./components/CurdGroupForm/src/CurdGroupForm.vue.js";
+import { directives as $ } from "./components/CurdForm/src/directive/index.js";
+import { useForm as j } from "./components/CurdForm/src/hooks/index.js";
+import { FormItemProps as w } from "./components/CurdForm/src/types.js";
+const l = [o, r, i, e, m, t, a, p], I = f([...l]);
+export {
+  o as ConstantStatus,
+  r as CurdForm,
+  m as CurdFormItem,
+  p as CurdGroupForm,
+  t as CurdTable,
+  e as DetailInfo,
+  a as FormDialog,
+  w as FormItemProps,
+  i as TableFilter,
+  D as buildLocaleContext,
+  L as buildTranslator,
+  I as default,
+  $ as directives,
+  G as provideGlobalConfig,
+  k as translate,
+  j as useForm,
+  T as useGlobalConfig,
+  P as useLocale
+};

package/dist/locale/index.d.ts

@@ -0,0 +1,9 @@
+export { default as en } from './lang/en';
+export { default as zhCn } from './lang/zh-cn';
+export type TranslatePair = {
+    [key: string]: string | string[] | TranslatePair;
+};
+export type Language = {
+    name: string;
+    el: TranslatePair;
+};

package/dist/locale/index.js

@@ -0,0 +1,6 @@
+import { default as f } from "./lang/en.js";
+import { default as r } from "./lang/zh-cn.js";
+export {
+  f as en,
+  r as zhCn
+};

package/dist/locale/lang/en.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+    name: string;
+    el: {
+        table: {
+            operation: string;
+            detail: string;
+            edit: string;
+            delete: string;
+            create: string;
+            more: string;
+            columnSet: string;
+            columnName: string;
+            show: string;
+            fixShow: string;
+            fixLeft: string;
+            fixRight: string;
+            fixNone: string;
+            exportSuccess: string;
+            deleteConfirm: string;
+            tip: string;
+            deleteSuccess: string;
+            refresh: string;
+            collapseQuery: string;
+            expandQuery: string;
+            density: string;
+            exportData: string;
+            default: string;
+            medium: string;
+            small: string;
+            clickCopy: string;
+            clickCopySuccess: string;
+        };
+        form: {
+            pleaseSelect: string;
+            pleaseInput: string;
+            all: string;
+            allSelect: string;
+            nodata: string;
+            loading: string;
+        };
+        formDialog: {
+            preStep: string;
+            nextStep: string;
+            confirm: string;
+            cancel: string;
+        };
+    };
+};
+export default _default;

package/{locale/lang/en.ts → dist/locale/lang/en.js}

@@ -1,4 +1,4 @@
-export default {
+const e = {
   name: "en",
   el: {
     table: {
@@ -28,7 +28,7 @@ export default {
       medium: "Loose",
       small: "Compact",
       clickCopy: "Click To Copy",
-      clickCopySuccess: "Copy Success",
+      clickCopySuccess: "Copy Success"
     },
     form: {
       pleaseSelect: "Please select {0}",
@@ -36,13 +36,16 @@ export default {
       all: "All",
       allSelect: "Select All",
       nodata: "No Data",
-      loading: "Loading...",
+      loading: "Loading..."
     },
     formDialog: {
       preStep: "Previous Step",
       nextStep: "Next Step",
       confirm: "Confirm",
-      cancel: "Cancel",
-    },
-  },
-}
+      cancel: "Cancel"
+    }
+  }
+};
+export {
+  e as default
+};

package/dist/locale/lang/zh-cn.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+    name: string;
+    el: {
+        table: {
+            operation: string;
+            detail: string;
+            edit: string;
+            delete: string;
+            create: string;
+            more: string;
+            columnSet: string;
+            columnName: string;
+            show: string;
+            fixShow: string;
+            fixLeft: string;
+            fixRight: string;
+            fixNone: string;
+            exportSuccess: string;
+            deleteConfirm: string;
+            tip: string;
+            deleteSuccess: string;
+            refresh: string;
+            collapseQuery: string;
+            expandQuery: string;
+            density: string;
+            exportData: string;
+            default: string;
+            medium: string;
+            small: string;
+            clickCopy: string;
+            clickCopySuccess: string;
+        };
+        form: {
+            pleaseSelect: string;
+            pleaseInput: string;
+            all: string;
+            allSelect: string;
+            nodata: string;
+            loading: string;
+        };
+        formDialog: {
+            preStep: string;
+            nextStep: string;
+            confirm: string;
+            cancel: string;
+        };
+    };
+};
+export default _default;

package/{locale/lang/zh-cn.ts → dist/locale/lang/zh-cn.js}

@@ -1,4 +1,4 @@
-export default {
+const e = {
   name: "中文",
   el: {
     table: {
@@ -28,7 +28,7 @@ export default {
       medium: "宽松",
       small: "紧凑",
       clickCopy: "点击复制",
-      clickCopySuccess: "复制成功",
+      clickCopySuccess: "复制成功"
     },
     form: {
       pleaseSelect: "请选择{0}",
@@ -36,13 +36,16 @@ export default {
       all: "全部",
       allSelect: "全选",
       nodata: "暂无数据",
-      loading: "加载中...",
+      loading: "加载中..."
     },
     formDialog: {
       preStep: "上一步",
       nextStep: "下一步",
       confirm: "确定",
-      cancel: "取消",
-    },
-  },
-}
+      cancel: "取消"
+    }
+  }
+};
+export {
+  e as default
+};

package/dist/utils/common/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description     对象深拷贝
+ *
+ * @param       { source:Object }         source为需要拷贝的源对象
+ * @return      { Object }                返回拷贝后的新的对象
+ *
+ * */
+export declare function deepClone<T extends Array<T> | unknown>(sourceData: T): T;

package/dist/utils/common/index.js

@@ -0,0 +1,13 @@
+function e(n) {
+  if (Array.isArray(n))
+    return n.map((i) => e(i));
+  if (typeof n != "object" || n === null || n instanceof Function || n instanceof Date || n instanceof File || n instanceof Symbol)
+    return n;
+  const f = {};
+  for (const i in n)
+    (typeof n[i] == "object" || n[i] instanceof Date || n[i] instanceof File) && n[i] !== null ? f[i] = e(n[i]) : f[i] = n[i];
+  return f;
+}
+export {
+  e as deepClone
+};

package/dist/utils/hooks/useGlobalConfig.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { Language } from '../../locale';
+export declare function useGlobalConfig(): Ref<GlobalConfig>;
+export declare const provideGlobalConfig: (config: Partial<GlobalConfig>) => Partial<GlobalConfig> | undefined;
+export interface GlobalConfig {
+    size?: "default" | "small" | "large";
+    form?: FormConfig;
+    locale?: Language;
+}
+interface FormConfig {
+    components?: unknown[];
+}
+export {};

package/dist/utils/hooks/useGlobalConfig.js

@@ -0,0 +1,22 @@
+import { ref as f, unref as l } from "vue";
+const s = f({});
+function u() {
+  return s;
+}
+const k = (n) => {
+  const o = u(), r = n && l(n) || {};
+  if (!(o != null && o.value)) return r;
+  const t = i(o.value, r);
+  s.value = t;
+}, i = (n, o) => {
+  const r = [.../* @__PURE__ */ new Set([...Object.keys(n), ...Object.keys(o)])], t = {};
+  for (const c of r) {
+    const e = c;
+    t[e] = o[e] ?? n[e];
+  }
+  return t;
+};
+export {
+  k as provideGlobalConfig,
+  u as useGlobalConfig
+};

package/dist/utils/hooks/useLocal.d.ts

@@ -0,0 +1,15 @@
+import { ComputedRef, Ref } from 'vue';
+import { Language } from '../../locale';
+export type TranslatorOption = Record<string, string | number> | string[];
+export type Translator = (path: string, option?: TranslatorOption) => string;
+export type LocaleSource = Language | Ref<Language> | ComputedRef<Language>;
+export type LocaleRef = Ref<Language> | ComputedRef<Language>;
+export type LocaleContext = {
+    locale: LocaleRef;
+    lang: ComputedRef<string>;
+    t: Translator;
+};
+export declare const buildTranslator: (locale: LocaleSource) => Translator;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
+export declare const buildLocaleContext: (locale: LocaleSource) => LocaleContext;
+export declare const useLocale: (localeOverrides?: Language | undefined) => LocaleContext;

package/dist/utils/hooks/useLocal.js

@@ -0,0 +1,33 @@
+import { isRef as s, ref as c, computed as a } from "vue";
+import u from "../../locale/lang/en.js";
+import { useGlobalConfig as f } from "./useGlobalConfig.js";
+const i = (r) => s(r) ? r.value : r, m = (r) => (e, t) => g(e, t, i(r)), g = (r, e, t) => {
+  const l = b(t, r, r);
+  return Array.isArray(e) ? l.replace(/\{(\d+)\}/g, (n, o) => `${e[Number(o)]}`) : l.replace(/\{(\w+)\}/g, (n, o) => `${(e == null ? void 0 : e[o]) ?? `{${o}}`}`);
+}, v = (r) => {
+  const e = s(r) ? r : c(r);
+  return {
+    lang: a(() => e.value.name),
+    locale: e,
+    t: m(r)
+  };
+}, C = (r) => {
+  const e = f(), t = r || e.value.locale;
+  return v(a(() => t || u));
+};
+function b(r, e, t) {
+  const l = Array.isArray(e) ? e : e.split(/[\.\[\]]/).filter(Boolean);
+  let n = r;
+  for (const o of l) {
+    if (n == null)
+      return t;
+    n = n[o];
+  }
+  return n === void 0 ? t : n;
+}
+export {
+  v as buildLocaleContext,
+  m as buildTranslator,
+  g as translate,
+  C as useLocale
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './vue';

package/dist/utils/index.js

@@ -0,0 +1,6 @@
+import { deepClone as r } from "./common/index.js";
+import { withInstall as l } from "./vue/install.js";
+export {
+  r as deepClone,
+  l as withInstall
+};

package/dist/utils/vue/index.d.ts

@@ -0,0 +1,2 @@
+export * from './install';
+export * from './typescript';

package/dist/utils/vue/index.js

@@ -0,0 +1,4 @@
+import { withInstall as o } from "./install.js";
+export {
+  o as withInstall
+};

package/dist/utils/vue/install.d.ts

@@ -0,0 +1,2 @@
+import { SFCWithInstall } from './typescript';
+export declare const withInstall: <T, E extends Record<string, unknown>>(name: string, main: T, extra?: E) => SFCWithInstall<T> & E;

package/dist/utils/vue/install.js

@@ -0,0 +1,14 @@
+const f = (e, o, t) => {
+  if (o.install = (c) => {
+    for (const n of [o, ...Object.values(t ?? {})]) {
+      const s = n;
+      c.component(e || "", s);
+    }
+  }, t)
+    for (const [c, n] of Object.entries(t))
+      o[c] = n;
+  return o;
+};
+export {
+  f as withInstall
+};

package/dist/utils/vue/make-installer.d.ts

@@ -0,0 +1,5 @@
+import { GlobalConfig } from '../../index.ts';
+import { App, Plugin } from 'vue';
+export declare const makeInstaller: (components?: Plugin[]) => {
+    install: (app: App, options?: GlobalConfig) => void;
+};

package/dist/utils/vue/make-installer.js

@@ -0,0 +1,9 @@
+import { provideGlobalConfig as n } from "../hooks/useGlobalConfig.js";
+const l = Symbol("INSTALLED_KEY"), c = (r = []) => ({
+  install: (e, t) => {
+    Reflect.get(e, l) || (t && n(t), Reflect.set(e, l, !0), r.forEach((o) => e.use(o)));
+  }
+});
+export {
+  c as makeInstaller
+};

package/dist/utils/vue/typescript.d.ts

@@ -0,0 +1,5 @@
+import { AppContext, Plugin } from 'vue';
+export type SFCWithInstall<T> = T & Plugin;
+export type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};

package/package.json

@@ -1,83 +1,92 @@
 {
   "name": "easybill-ui",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "A component library for easybill",
   "author": "tuchongyang <779311998@qq.com>",
   "private": false,
+  "type": "module",
   "license": "ISC",
   "scripts": {
-    "typecheck": "vue-tsc -p tsconfig.typecheck.json --noEmit --skipLibCheck"
+    "build": "vite build",
+    "typecheck": "vue-tsc -p tsconfig.typecheck.json --noEmit --skipLibCheck",
+    "prepublishOnly": "npm run typecheck && npm run build"
   },
-  "main": "index.ts",
-  "types": "index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
   "exports": {
     ".": {
-      "types": "./index.ts",
-      "import": "./index.ts",
-      "default": "./index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
     "./index": {
-      "types": "./index.ts",
-      "import": "./index.ts",
-      "default": "./index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     },
-    "./index.ts": {
-      "types": "./index.ts",
-      "import": "./index.ts",
-      "default": "./index.ts"
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*/index.js",
+      "default": "./dist/components/*/index.js"
     },
     "./components/CurdForm/src/types": {
-      "types": "./components/CurdForm/src/types.ts",
-      "import": "./components/CurdForm/src/types.ts",
-      "default": "./components/CurdForm/src/types.ts"
+      "types": "./dist/components/CurdForm/src/types.d.ts",
+      "import": "./dist/components/CurdForm/src/types.js",
+      "default": "./dist/components/CurdForm/src/types.js"
     },
-    "./components/*": {
-      "types": "./components/*",
-      "import": "./components/*",
-      "default": "./components/*"
+    "./components/CurdForm/src/FormItem.vue": {
+      "types": "./dist/components/CurdForm/src/FormItem.vue.d.ts",
+      "import": "./dist/components/CurdForm/src/FormItem.vue.js",
+      "default": "./dist/components/CurdForm/src/FormItem.vue.js"
     },
     "./utils/*": {
-      "types": "./utils/*",
-      "import": "./utils/*",
-      "default": "./utils/*"
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.js",
+      "default": "./dist/utils/*.js"
+    },
+    "./utils/common": {
+      "types": "./dist/utils/common/index.d.ts",
+      "import": "./dist/utils/common/index.js",
+      "default": "./dist/utils/common/index.js"
+    },
+    "./utils/vue": {
+      "types": "./dist/utils/vue/index.d.ts",
+      "import": "./dist/utils/vue/index.js",
+      "default": "./dist/utils/vue/index.js"
     },
     "./locale": {
-      "types": "./locale/index.ts",
-      "import": "./locale/index.ts",
-      "default": "./locale/index.ts"
+      "types": "./dist/locale/index.d.ts",
+      "import": "./dist/locale/index.js",
+      "default": "./dist/locale/index.js"
     },
     "./locale/index": {
-      "types": "./locale/index.ts",
-      "import": "./locale/index.ts",
-      "default": "./locale/index.ts"
-    },
-    "./locale/lang/*.ts": {
-      "types": "./locale/lang/*.ts",
-      "import": "./locale/lang/*.ts",
-      "default": "./locale/lang/*.ts"
+      "types": "./dist/locale/index.d.ts",
+      "import": "./dist/locale/index.js",
+      "default": "./dist/locale/index.js"
     },
     "./locale/lang/*": {
-      "types": "./locale/lang/*.ts",
-      "import": "./locale/lang/*.ts",
-      "default": "./locale/lang/*.ts"
+      "types": "./dist/locale/lang/*.d.ts",
+      "import": "./dist/locale/lang/*.js",
+      "default": "./dist/locale/lang/*.js"
     },
     "./locale/*": {
-      "types": "./locale/*",
-      "import": "./locale/*",
-      "default": "./locale/*"
+      "types": "./dist/locale/*.d.ts",
+      "import": "./dist/locale/*.js",
+      "default": "./dist/locale/*.js"
     },
     "./theme-chalk/*": {
-      "types": "./theme-chalk/*",
       "import": "./theme-chalk/*",
       "default": "./theme-chalk/*"
     },
     "./package.json": "./package.json"
   },
   "files": [
-    "index.ts",
-    "components",
-    "utils",
-    "locale",
+    "dist",
     "theme-chalk",
     "README.md"
   ],

package/components/ConstantStatus/index.ts

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

package/components/ConstantStatus/src/ConstantStatus.vue

@@ -1,69 +0,0 @@
-<template>
-  <div class="el-tag constant-status" :class="tagClass" 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>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: "ConstantStatus",
-}
-</script>
-<script lang="ts" setup>
-import { computed, type PropType } from "vue"
-import type { OptionItem } from "./types"
-const props = defineProps({
-  value: {
-    type: [String, Number, Boolean],
-    default: undefined,
-  },
-  options: {
-    type: Array as PropType<Array<OptionItem>>,
-    default: () => [],
-  },
-})
-const current = computed<OptionItem>(() => {
-  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(","),
-    }
-  }
-  const defaultItem = { label: props.value } as OptionItem
-  return (result && result.find((a) => a.value == props.value)) || defaultItem
-})
-const currentProps = computed(() => {
-  const defaults = { type: "", label: "", value: "", 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.style = args.color ? { color: args.color, backgroundColor: "transparent" } : {}
-  }
-  return { ...defaults, ...args }
-})
-const tagClass = computed(() => {
-  const result = [current.value?.dot ? "dot-status" : "", "el-tag--" + (current.value?.type || "default"), "el-tag--" + (current.value?.effect || "light")]
-  if (current.value?.size) {
-    result.push("el-tag--" + current.value?.size)
-  }
-  if (current.value?.hit) {
-    result.push("is-hit")
-  }
-  if (current.value?.round) {
-    result.push("is-round")
-  }
-  if (typeof current.value?.border !== "undefined") {
-    result.push("no-border")
-  }
-  return result
-})
-</script>

package/components/ConstantStatus/src/index.ts

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

package/components/ConstantStatus/src/types.ts

@@ -1,18 +0,0 @@
-export interface OptionItem extends Record<string, unknown> {
-  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?: unknown
-  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?: unknown
-  html?: string
-}

package/components/CurdForm/index.ts

@@ -1,9 +0,0 @@
-import { withInstall, type SFCWithInstall } from "../../utils"
-import Instance from "./src/CurdForm.vue"
-import FormItem from "./src/CurdFormItem.vue"
-export const CurdForm: SFCWithInstall<typeof Instance> = withInstall("CurdForm", Instance)
-export const CurdFormItem: SFCWithInstall<typeof FormItem> = withInstall("CurdFormItem", FormItem)
-export default CurdForm as SFCWithInstall<typeof Instance>
-export * from "./src/directive"
-export * from "./src/hooks"
-export * from "./src/types"