zjh-web-ui 1.0.10

package/dist/utils/hui-rules.js

@@ -0,0 +1,142 @@
+import { testUtils as n } from "@hua5/hua5-utils";
+const f = {
+  /**
+   * 校验必传
+   * @param {string} tips 错误提示
+   */
+  required: (t = "此项为必填项") => ({
+    validator: (u, e, r) => {
+      if (n.isEmpty(e))
+        return r(new Error(t));
+      r();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 是否url
+   * @param {string} tips 错误提示
+   */
+  urlRule: (t = "请输入正确的链接") => ({
+    validator: (u, e, r) => {
+      if (n.isNotEmpty(e) && !n.isUrl(e))
+        return r(new Error(t));
+      r();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 是否版本号
+   * @param {string} tips 错误提示
+   */
+  versionRule: (t = "请输入正确的版本号") => ({
+    validator: (u, e, r) => {
+      if (n.isNotEmpty(e) && !n.isVersion(e))
+        return r(new Error(t));
+      r();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 是否json
+   * @param {string} tips 错误提示
+   */
+  jsonRule: (t = "请输入一个正确的JsonObject") => ({
+    validator: (u, e, r) => {
+      if (n.isNotEmpty(e) && !n.isJsonString(e))
+        return r(new Error(t));
+      r();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 验证整数
+   * @param {boolean} isCanZero 是否能输0
+   * @param {boolean} isCanNegative 是否能输负数
+   */
+  intNumRule: (t = !0, u = !0) => ({
+    validator: (e, r, i) => {
+      if (n.isNotEmpty(r)) {
+        const o = Number(r);
+        if (!Number.isInteger(o))
+          return i(new Error("输入的值必须是整数"));
+        if (!t && o === 0)
+          return i(new Error("输入的值不能为 0"));
+        if (!u && o < 0)
+          return i(new Error("输入的值不能为负数"));
+      }
+      i();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 验证小数
+   * @param {number} digit 小数位数
+   * @param {boolean} isCanZero 是否能输0
+   * @param {boolean} isCanNegative 是否能输负数
+   */
+  digitNumRule: (t = 2, u = !0, e = !0) => ({
+    validator: (r, i, o) => {
+      var s, g, m;
+      if (n.isNotEmpty(i)) {
+        const E = Number(i);
+        if (isNaN(E))
+          return o(new Error("输入的值必须是数字"));
+        if (((m = (g = (s = i == null ? void 0 : i.toString()) == null ? void 0 : s.split(".")) == null ? void 0 : g[1]) == null ? void 0 : m.length) > t)
+          return o(new Error(`输入的值最多只能有 ${t} 位小数`));
+        if (!u && E === 0)
+          return o(new Error("输入的值不能为 0"));
+        if (!e && E < 0)
+          return o(new Error("输入的值不能为负数"));
+      }
+      o();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 验证码验证
+   * @param {string} tips 错误提示
+   * @param {number} codeLength 验证码长度
+   */
+  codeRule: (t = "请输入正确的验证码", u = 6) => ({
+    validator: (e, r, i) => {
+      if (n.isNotEmpty(r) && !n.isCode(r, u))
+        return i(new Error(t));
+      i();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 电话号码验证
+   * @param {string} tips 错误提示
+   */
+  phoneNumRule: (t = "请输入正确的电话号码") => ({
+    validator: (u, e, r) => {
+      if (n.isNotEmpty(e) && !n.isMobile(e))
+        return r(new Error(t));
+      r();
+    },
+    trigger: "blur"
+  }),
+  /**
+   * 验证数字范围
+   * @param {number | string} min 最小值
+   * @param {number | string} max 最大值
+   * @param {string} tips 错误提示
+   */
+  numRangeRule: (t, u, e = `输入的值必须在 ${t} 到 ${u} 之间`) => ({
+    validator: (r, i, o) => {
+      if (n.isNotEmpty(i)) {
+        const s = Number(i);
+        if (isNaN(s))
+          return o(new Error("请输入数字"));
+        if (s < Number(t) || s > Number(u))
+          return o(new Error(e));
+      }
+      o();
+    },
+    trigger: "blur"
+  })
+};
+export {
+  f as HuiRules
+};

package/dist/utils/hui-tool/index.js

@@ -0,0 +1,7 @@
+import { msgTool as o } from "./msg-tool.js";
+const r = {
+  ...o
+};
+export {
+  r as HuiTool
+};

package/dist/utils/hui-tool/message-box/index.js

@@ -0,0 +1,33 @@
+import { h as f, render as e } from "vue";
+import p from "./message-box.vue.js";
+/* empty css                 */
+import { to as u } from "@hua5/hua5-utils";
+const x = (o, n = {}) => {
+  const { iconType: t = "info", type: r = "info", cancelText: m, confirmText: s, width: i, className: a, tip: l } = n;
+  return new Promise((c) => {
+    const d = f(p, {
+      title: o,
+      tip: l,
+      iconType: t,
+      type: r,
+      cancelText: m,
+      confirmText: s,
+      width: i,
+      className: a,
+      cancelHandler: () => {
+        c(!1);
+      },
+      confirmHandler: () => {
+        c(!0);
+      },
+      closeBox: () => {
+        c(!1), e(null, document.body);
+      }
+    });
+    e(d, document.body);
+  });
+}, w = (o, n) => u(x(o, n));
+export {
+  x as hua5MsgBox,
+  w as msgBox
+};

package/dist/utils/hui-tool/message-box/message-box.vue.js

@@ -0,0 +1,112 @@
+import { defineComponent as b, computed as f, ref as H, onMounted as w, openBlock as o, createElementBlock as l, createVNode as d, unref as s, withCtx as a, createElementVNode as n, createTextVNode as y, toDisplayString as c, normalizeClass as x } from "vue";
+import { ElDialog as L, ElButton as C } from "element-plus";
+import { testUtils as B } from "@hua5/hua5-utils";
+const V = { class: "hua5-message-box" }, N = { class: "flex-y text-left" }, E = ["innerHTML"], M = {
+  key: 1,
+  class: "text-16 font-bold text-normal ml-11 break-all"
+}, F = ["innerHTML"], z = {
+  key: 3,
+  class: "text-12 m-t-5 text-secondary ml-11 break-all"
+}, D = { class: "dialog-footer" }, $ = /* @__PURE__ */ b({
+  __name: "message-box",
+  props: {
+    iconType: { default: "info" },
+    type: { default: "info" },
+    title: {},
+    tip: {},
+    cancelText: { default: "取消" },
+    confirmText: { default: "确定" },
+    width: { default: 320 },
+    className: {},
+    closeBox: { type: Function },
+    confirmHandler: { type: Function },
+    cancelHandler: { type: Function }
+  },
+  setup(t) {
+    const p = f(() => ({
+      info: "text-disabled",
+      warning: "text-warning",
+      success: "text-success",
+      danger: "text-danger"
+    })[t.type]), h = f(() => ({
+      info: "i-com-gantanhao",
+      success: "i-com-gou1",
+      question: "i-com-wenhao"
+    })[t.iconType]), i = H(!1), g = () => {
+      i.value = !0;
+    };
+    w(() => {
+      g();
+    });
+    const v = () => {
+      t.cancelHandler && t.cancelHandler(), m();
+    }, T = () => {
+      t.confirmHandler && t.confirmHandler(), t.closeBox();
+    }, m = () => {
+      i.value = !1, t.closeBox && t.closeBox();
+    };
+    function u(e) {
+      return e = e.trim(), /^<([a-z1-6]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/i.test(e);
+    }
+    return (e, r) => (o(), l("div", V, [
+      d(s(L), {
+        modelValue: i.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (k) => i.value = k),
+        width: e.width,
+        "align-center": "",
+        onClosed: m
+      }, {
+        footer: a(() => [
+          n("div", D, [
+            d(s(C), {
+              class: "!text-primary !border !border-1 !border-primary",
+              onClick: v
+            }, {
+              default: a(() => [
+                y(c(e.cancelText), 1)
+              ]),
+              _: 1
+            }),
+            d(s(C), {
+              type: "primary",
+              class: "w-100px",
+              onClick: T
+            }, {
+              default: a(() => [
+                y(c(e.confirmText), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: a(() => [
+          n("div", {
+            class: x(["flex flex-center h-110 text-center", [e.className]])
+          }, [
+            n("div", null, [
+              n("i", {
+                class: x([p.value, h.value, "icon-com !text-27"])
+              }, null, 2)
+            ]),
+            n("div", N, [
+              u(e.title) ? (o(), l("div", {
+                key: 0,
+                class: "ml-11",
+                innerHTML: e.title
+              }, null, 8, E)) : (o(), l("div", M, c(e.title), 1)),
+              s(B).isNotEmpty(e.tip) && u(e.tip) ? (o(), l("div", {
+                key: 2,
+                class: "m-t-5 ml-11 break-all",
+                innerHTML: e.tip
+              }, null, 8, F)) : (o(), l("div", z, c(e.tip), 1))
+            ])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "width"])
+    ]));
+  }
+});
+export {
+  $ as default
+};

package/dist/utils/hui-tool/message-box/message-box.vue3.js

@@ -0,0 +1,5 @@
+import o from "./message-box.vue.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/utils/hui-tool/msg-tool.js

@@ -0,0 +1,39 @@
+import { ElMessage as r } from "element-plus";
+import { msgBox as o } from "./message-box/index.js";
+const t = {
+  /**
+   * 成功消息提示
+   * @param msg
+   */
+  ok: (s) => {
+    r({
+      message: s,
+      type: "success"
+    });
+  },
+  /**
+   * 成功消息提示
+   * @param msg
+   */
+  err: (s) => {
+    r({
+      message: s,
+      type: "error"
+    });
+  },
+  /**
+   * 二次确定弹窗
+   */
+  msgBox: o,
+  /**
+   * 图标为钩的二次确定弹窗
+   */
+  msgBoxSuccess: (s, e = {}) => o(s, { iconType: "success", ...e }),
+  /**
+   * 图标为问号的二次确定弹窗
+   */
+  msgBoxQues: (s, e = {}) => o(s, { iconType: "question", ...e })
+};
+export {
+  t as msgTool
+};

package/global.d.ts

@@ -0,0 +1,40 @@
+// GlobalComponents for Volar
+// 指定了模块名为 'vue'，表示对 Vue.js 模块进行扩展。
+declare module 'vue' {
+  /**
+   * 声明全局组件，便于 volar 识别
+   * 用于声明 Vue.js 中的全局组件，以便 Volar 插件可以正确识别这些组件并提供相应的智能提示和类型检查
+   */
+  export interface GlobalComponents {
+    HuiLineEditDialog: typeof import("@hua5/hua5-web-ui")["HuiLineEditDialog"]
+    HuiPreviewRichTextDialog: typeof import("@hua5/hua5-web-ui")["HuiPreviewRichTextDialog"]
+    HuiShowUrlDialog: typeof import("@hua5/hua5-web-ui")["HuiShowUrlDialog"]
+    HuiStringArrayInputDialog: typeof import("@hua5/hua5-web-ui")["HuiStringArrayInputDialog"]
+    HuiCountDownButton: typeof import("@hua5/hua5-web-ui")["HuiCountDownButton"]
+    HuiRegionTreeDialog: typeof import("@hua5/hua5-web-ui")["HuiRegionTreeDialog"]
+    HuiTinymceDialog: typeof import("@hua5/hua5-web-ui")["HuiTinymceDialog"]
+    HuiTinymce: typeof import("@hua5/hua5-web-ui")["HuiTinymce"]
+    HuiSelectLoadStatus: typeof import("@hua5/hua5-web-ui")["HuiSelectLoadStatus"]
+    HuiLineEditPopover: typeof import("@hua5/hua5-web-ui")["HuiLineEditPopover"]
+    HuiAMapSelectAddress:typeof import("@hua5/hua5-web-ui")["HuiAMapSelectAddress"]
+    HuiAMapSelectAddressDialog:typeof import("@hua5/hua5-web-ui")["HuiAMapSelectAddressDialog"]
+    HuiAMapSearchAddress:typeof import("@hua5/hua5-web-ui")["HuiAMapSearchAddress"]
+    HuiAMapSearchAddressDialog:typeof import("@hua5/hua5-web-ui")["HuiAMapSearchAddressDialog"]
+    HuiGridForm:typeof import("@hua5/hua5-web-ui")["HuiGridForm"]
+    HuiDataView:typeof import("@hua5/hua5-web-ui")["HuiDataView"]
+    HuiRegionTreeSelect:typeof import("@hua5/hua5-web-ui")["HuiRegionTreeSelect"]
+    HuiAMapMassMarkers:typeof import("@hua5/hua5-web-ui")["HuiAMapMassMarkers"]
+    HuiTags:typeof import("@hua5/hua5-web-ui")["HuiTags"]
+    HuiTagsMore:typeof import("@hua5/hua5-web-ui")["HuiTagsMore"]
+    HuiTip:typeof import("@hua5/hua5-web-ui")["HuiTip"]
+  }
+
+  /**
+   * 已添加到原型上的
+   */
+  interface ComponentCustomProperties {
+
+  }
+}
+
+export {}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "zjh-web-ui",
+  "version": "1.0.10",
+  "description": "",
+  "type": "module",
+  "keywords": [],
+  "license": "ISC",
+  "author": "hua5",
+  "files": [
+    "dist",
+    "types",
+    "config",
+    "global.d.ts",
+    "src/css"
+  ],
+  "main": "dist/index.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style": "./dist/style.css",
+    "./config/*": "./config/*",
+    "./global": {
+      "types": "./global.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "publish:ui": "pnpm ./deploy/deploy.sh"
+  },
+  "peerDependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "zjh-utils": "^1.0.18",
+    "zjh-web-lib": "^1.0.15",
+    "@tinymce/tinymce-vue": "^5",
+    "@unocss/preset-rem-to-px": "^0.59.0",
+    "element-plus": "^2.3.9",
+    "unocss": "^0.58.7",
+    "vue": "^3.5.12"
+  }
+}

package/src/css/common-font.scss

@@ -0,0 +1,104 @@
+@font-face {
+  font-family: "icon-com"; /* Project id 4624061 */
+  src:
+          url('https://hua5-group.oss-cn-hangzhou.aliyuncs.com/resource_admin/iconfont/admin-common/iconfont.woff2') format('woff2'),
+          url('https://hua5-group.oss-cn-hangzhou.aliyuncs.com/resource_admin/iconfont/admin-common/iconfont.woff') format('woff'),
+          url('https://hua5-group.oss-cn-hangzhou.aliyuncs.com/resource_admin/iconfont/admin-common/iconfont.ttf') format('truetype');
+}
+
+.icon-com {
+  font-family: "icon-com" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.i-com-wenhao-plain:before {
+  content: "\e65a";
+}
+
+.i-com-jiantou-xia-shixin:before {
+  content: "\e654";
+}
+
+.i-com-lajitong:before {
+  content: "\e663";
+}
+
+.i-com-jiantou-shang-shixin:before {
+  content: "\e6f2";
+}
+
+.i-com-gou:before {
+  content: "\e650";
+}
+
+.i-com-fuzhi:before {
+  content: "\e64d";
+}
+
+.i-com-huanyuan:before {
+  content: "\e611";
+}
+
+.i-com-jiantou-xia-yuan:before {
+  content: "\e656";
+}
+
+.i-com-gantanhao:before {
+  content: "\e6f1";
+}
+
+.i-com-wenhao:before {
+  content: "\e66e";
+}
+
+.i-com-gou1:before {
+  content: "\e607";
+}
+
+.i-com-shipin:before {
+  content: "\e669";
+}
+
+.i-com-tupian:before {
+  content: "\e66b";
+}
+
+.i-com-jiantou-you:before {
+  content: "\e658";
+}
+
+.i-com-jiantou-zuo:before {
+  content: "\e65b";
+}
+
+.i-com-cha:before {
+  content: "\e649";
+}
+
+.i-com-jiahao:before {
+  content: "\e652";
+}
+
+.i-com-jiantou-xia-sanjiao:before {
+  content: "\e657";
+}
+
+.i-com-loudou:before {
+  content: "\e65f";
+}
+
+.i-com-lie:before {
+  content: "\e660";
+}
+
+.i-com-sousuo:before {
+  content: "\e664";
+}
+
+.i-com-shuaxin:before {
+  content: "\e668";
+}
+

package/src/css/index.scss

@@ -0,0 +1 @@
+@import "./common-font.scss";

package/types/components/AMapConfig.d.ts

@@ -0,0 +1,2 @@
+export declare const addAMap: () => Promise<unknown>;
+export declare const removeAMap: (str?: string) => void;

package/types/components/HuiAMapMassMarkers/HuiAMapMassMarkers.vue.d.ts

@@ -0,0 +1,105 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { IPointItem, IPointTextStyle } from './type.ts';
+/** 定义一个外部函数来处理点击事件 */
+declare function handleLabelMarkerClick(event: any, point: any): void;
+declare const _default: DefineComponent<ExtractPropTypes<{
+    modelValue: PropType<any>;
+    iconPath: {
+        type: PropType<string>;
+        default: string;
+    };
+    value: {
+        type: PropType<IPointItem>;
+    };
+    width: {
+        type: PropType<string>;
+        default: string;
+    };
+    height: {
+        type: PropType<string>;
+        default: string;
+    };
+    showLabel: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "center">;
+        default: string;
+    };
+    textStyle: {
+        type: PropType<IPointTextStyle>;
+        default: () => {
+            fontSize: number;
+            fillColor: any;
+            backgroundColor: any;
+            borderRadius: number;
+        };
+    };
+    iconSize: {
+        type: PropType<[number, number]>;
+        default: () => number[];
+    };
+    mapCenter: {
+        type: PropType<[number, number]>;
+        default: () => number[];
+    };
+}>, {
+    handleLabelMarkerClick: typeof handleLabelMarkerClick;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    pointClick: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    modelValue: PropType<any>;
+    iconPath: {
+        type: PropType<string>;
+        default: string;
+    };
+    value: {
+        type: PropType<IPointItem>;
+    };
+    width: {
+        type: PropType<string>;
+        default: string;
+    };
+    height: {
+        type: PropType<string>;
+        default: string;
+    };
+    showLabel: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "center">;
+        default: string;
+    };
+    textStyle: {
+        type: PropType<IPointTextStyle>;
+        default: () => {
+            fontSize: number;
+            fillColor: any;
+            backgroundColor: any;
+            borderRadius: number;
+        };
+    };
+    iconSize: {
+        type: PropType<[number, number]>;
+        default: () => number[];
+    };
+    mapCenter: {
+        type: PropType<[number, number]>;
+        default: () => number[];
+    };
+}>> & Readonly<{
+    onPointClick?: (...args: any[]) => any;
+}>, {
+    iconPath: string;
+    width: string;
+    height: string;
+    showLabel: boolean;
+    direction: "top" | "right" | "bottom" | "left" | "center";
+    textStyle: IPointTextStyle;
+    iconSize: [number, number];
+    mapCenter: [number, number];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;