@witlink/components 0.0.3 → 0.0.4

package/README.md

@@ -1,5 +1,32 @@
-# Vue 3 + TypeScript + Vite
+## @witlink/components 库介绍
+> Witlink公共组件库，仅包含与业务无关的组件、指令、勾子、工具方法等。持续完善中。。。
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+### 如何使用@witlink/components
+##### 1. 安装@witlink/components
 
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+```bash
+npm install @witlink/components
+```
+##### 2. 使用@witlink/components
+
++ 全局引入
+
+```js
+import WitlinkComponents from '@witlink/components'
+
+const app = createApp(App)
+app.use(WitlinkComponents) 
+```
+
++ 按需引入
+
+```js
+import { WlSplitter, permission, useComponentRef, useRequire, isNullOrUndef, exportFile } from '@witlink/components'
+
+```
++ 工具类方法也可以从utils目录引入
+
+```js
+import { isNullOrUndef, exportFile } from '@witlink/components/utils'
+
+```

package/dist/index.css

@@ -0,0 +1 @@
+.m-xs{margin:4px}.p-xs{padding:4px}.mt-xs{margin-top:4px}.mr-xs{margin-right:4px}.mb-xs{margin-bottom:4px}.ml-xs{margin-left:4px}.mx-xs{margin-left:4px;margin-right:4px}.my-xs{margin-top:4px;margin-bottom:4px}.pt-xs{padding-top:4px}.pr-xs{padding-right:4px}.pb-xs{padding-bottom:4px}.pl-xs{padding-left:4px}.px-xs{padding-left:4px;padding-right:4px}.py-xs{padding-top:4px;padding-bottom:4px}.br-xs{border-radius:4px}.brtl-xs{border-top-left-radius:4px}.brtr-xs{border-top-right-radius:4px}.brbl-xs{border-bottom-left-radius:4px}.brbr-xs{border-bottom-right-radius:4px}.m-sm{margin:8px}.p-sm{padding:8px}.mt-sm{margin-top:8px}.mr-sm{margin-right:8px}.mb-sm{margin-bottom:8px}.ml-sm{margin-left:8px}.mx-sm{margin-left:8px;margin-right:8px}.my-sm{margin-top:8px;margin-bottom:8px}.pt-sm{padding-top:8px}.pr-sm{padding-right:8px}.pb-sm{padding-bottom:8px}.pl-sm{padding-left:8px}.px-sm{padding-left:8px;padding-right:8px}.py-sm{padding-top:8px;padding-bottom:8px}.br-sm{border-radius:8px}.brtl-sm{border-top-left-radius:8px}.brtr-sm{border-top-right-radius:8px}.brbl-sm{border-bottom-left-radius:8px}.brbr-sm{border-bottom-right-radius:8px}.m-nm{margin:16px}.p-nm{padding:16px}.mt-nm{margin-top:16px}.mr-nm{margin-right:16px}.mb-nm{margin-bottom:16px}.ml-nm{margin-left:16px}.mx-nm{margin-left:16px;margin-right:16px}.my-nm{margin-top:16px;margin-bottom:16px}.pt-nm{padding-top:16px}.pr-nm{padding-right:16px}.pb-nm{padding-bottom:16px}.pl-nm{padding-left:16px}.px-nm{padding-left:16px;padding-right:16px}.py-nm{padding-top:16px;padding-bottom:16px}.br-nm{border-radius:16px}.brtl-nm{border-top-left-radius:16px}.brtr-nm{border-top-right-radius:16px}.brbl-nm{border-bottom-left-radius:16px}.brbr-nm{border-bottom-right-radius:16px}.m-lg{margin:24px}.p-lg{padding:24px}.mt-lg{margin-top:24px}.mr-lg{margin-right:24px}.mb-lg{margin-bottom:24px}.ml-lg{margin-left:24px}.mx-lg{margin-left:24px;margin-right:24px}.my-lg{margin-top:24px;margin-bottom:24px}.pt-lg{padding-top:24px}.pr-lg{padding-right:24px}.pb-lg{padding-bottom:24px}.pl-lg{padding-left:24px}.px-lg{padding-left:24px;padding-right:24px}.py-lg{padding-top:24px;padding-bottom:24px}.br-lg{border-radius:24px}.brtl-lg{border-top-left-radius:24px}.brtr-lg{border-top-right-radius:24px}.brbl-lg{border-bottom-left-radius:24px}.brbr-lg{border-bottom-right-radius:24px}.m-auto{margin:auto}.p-auto{padding:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.pt-auto{padding-top:auto}.pr-auto{padding-right:auto}.pb-auto{padding-bottom:auto}.pl-auto{padding-left:auto}.px-auto{padding-left:auto;padding-right:auto}.py-auto{padding-top:auto;padding-bottom:auto}.br-auto{border-radius:auto}.brtl-auto{border-top-left-radius:auto}.brtr-auto{border-top-right-radius:auto}.brbl-auto{border-bottom-left-radius:auto}.brbr-auto{border-bottom-right-radius:auto}.b-none{border:none}.bl-none{border-left:none}.br-none{border-right:none}.bt-none{border-top:none}.bb-none{border-bottom:none}.b-none-important{border:none!important}.bl-none-important{border-left:none!important}.br-none-important{border-right:none!important}.bt-none-important{border-top:none!important}.bb-none-important{border-bottom:none!important}.position-r{position:relative}.position-a{position:absolute}.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.float-left{float:left}.float-right{float:right}.clearfix{zoom:1}.clearfix:after{display:table;clear:both;content:""}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.width-100{width:100%}.max-width-100{max-width:100%}.pointer{cursor:pointer}.pointer-none{pointer-events:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-underline{text-decoration:underline}.nowrap{white-space:nowrap}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-sc{display:flex;justify-content:flex-start;align-items:center}.flex-ac{display:flex;justify-content:space-around;align-items:center}.flex-bc{display:flex;justify-content:space-between;align-items:center}.flex-cc{display:flex;justify-content:center;align-items:center}.flex-evenly{display:flex;justify-content:space-evenly;align-items:center}.flex-ce{display:flex;justify-content:center;align-items:flex-end}.flex-cs{display:flex;justify-content:center;align-items:flex-start}.flex-ec{display:flex;justify-content:flex-end;align-items:center}.flex-wrap{flex-flow:wrap}.flex-column{flex-direction:column}.font-bold{font-weight:700}::-webkit-scrollbar{width:5px;height:8px}::-webkit-scrollbar-thumb{background-color:#aaaaaa69;border-radius:6px}::-webkit-scrollbar-track{background-color:transparent;transition:background-color .2s linear,width .2s ease-in-out}::-webkit-scrollbar-corner{background-color:#0000}.icon{display:inline-block;width:16px;height:16px;vertical-align:-3px}.icon.icon-sm{width:14px;height:14px}.icon:focus{outline:none}.icon.icon-lg{width:20px;height:20px}.icon.icon-xl{width:24px;height:24px}.icon.icon-xxl{width:32px;height:32px}.icon.icon-xxxl{width:48px;height:48px}.splitter[data-v-385ad393]{width:100%;height:100%;display:flex;flex-direction:row}.my-left[data-v-385ad393],.my-right[data-v-385ad393]{height:100%;z-index:1}.my-spliter[data-v-385ad393]{cursor:col-resize;position:relative;z-index:2;-webkit-user-select:none;user-select:none}.my-spliter[data-v-385ad393]:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:100%;transform:translate(-50%,-50%);background-color:#0000000a}.my-spliter[data-v-385ad393]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:30px;transform:translate(-50%,-50%);background-color:#00000026}.my-spliter[data-v-385ad393]:hover:before{background-color:#00000026}

package/dist/index.d.ts

@@ -1,51 +1,198 @@
+import { App } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
-import { default as default_2 } from 'bpmn-js/lib/Modeler';
 import { DefineComponent } from 'vue';
+import { ObjectDirective } from 'vue';
 import { PublicProps } from 'vue';
 
-declare const _default: {
-    Bpmn: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-    BpmnPropertiesPanel: DefineComponent<globalThis.ExtractPropTypes<{
-    modeler: {
-    type: default_2;
-    };
-    isEdit: {
-    type: BooleanConstructor;
-    };
-    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    modeler: {
-    type: default_2;
-    };
-    isEdit: {
-    type: BooleanConstructor;
+declare const __VLS_component: DefineComponent<globalThis.ExtractPropTypes<{
+leftMin: {
+type: NumberConstructor;
+default: number;
+};
+leftMax: {
+type: NumberConstructor;
+default: number;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{
+leftMin: {
+type: NumberConstructor;
+default: number;
+};
+leftMax: {
+type: NumberConstructor;
+default: number;
+};
+}>> & Readonly<{}>, {
+leftMin: number;
+leftMax: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+container: HTMLDivElement;
+spliter: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
     };
-    }>> & Readonly<{}>, {
-    isEdit: boolean;
-    }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-    BpmnToolbar: DefineComponent<globalThis.ExtractPropTypes<{
-    modeler: {
-    type: default_2;
+    refs: {
+        container: HTMLDivElement;
+        spliter: HTMLDivElement;
     };
-    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    save: (...args: any[]) => void;
-    }, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{
-    modeler: {
-    type: default_2;
+    rootEl: HTMLDivElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-    }>> & Readonly<{
-    onSave?: (...args: any[]) => any;
-    }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+};
+
+declare const _default: {
     install: typeof install;
-    setHttpConfig: typeof setHttpConfig;
 };
 export default _default;
 
-declare function install(app: any, options: any): void;
+/**
+ * 下载文件
+ */
+export declare function exportFile(options: {
+    fileData: any;
+    name: string;
+}): void;
+
+export declare function getButtonPermissions(): any;
+
+export declare function getLocale(): string | null;
+
+export declare function getMenuInfo(): any;
+
+export declare function getToken(): string | null;
+
+export declare function getUserCenterParams(): UserCenterParams;
+
+export declare function getUserCenterParamsByUrl(): Record<string, string>;
+
+export declare function getUserInfo(key?: string | Array<string> | null): any;
+
+export declare function hasPermission(id: string): boolean;
+
+declare function install(app: App): void;
+
+/**
+ * @description: 判断值是否未某个类型
+ */
+export declare function is(val: unknown, type: string): boolean;
+
+/**
+ * @description:  是否为数组
+ */
+export declare function isArray(val: any): val is Array<any>;
+
+/**
+ * @description:  是否为AsyncFunction
+ */
+export declare function isAsyncFunction<T = any>(val: unknown): val is Promise<T>;
+
+/**
+ * @description:  是否为boolean类型
+ */
+export declare function isBoolean(val: unknown): val is boolean;
+
+/**
+ * @description: 是否客户端
+ */
+export declare const isClient: () => boolean;
 
-declare function setHttpConfig(config: {
-    baseUrl?: string;
+/**
+ * @description:  是否为时间
+ */
+export declare function isDate(val: unknown): val is Date;
+
+/**
+ * @description: 是否已定义
+ */
+export declare const isDef: <T = unknown>(val?: T) => val is T;
+
+export declare const isElement: (val: unknown) => val is Element;
+
+/**
+ * @description:  是否为函数
+ */
+export declare function isFunction<T = Function>(val: unknown): val is T;
+
+export declare function isImageDom(o: Element): boolean;
+
+export declare function isNull(val: unknown): val is null;
+
+export declare function isNullOrUndef(val: unknown): val is null | undefined;
+
+/**
+ * @description:  是否为数值
+ */
+export declare function isNumber(val: unknown): val is number;
+
+/**
+ * @description: 是否为对象
+ */
+export declare const isObject: (val: any) => val is Record<any, any>;
+
+/**
+ * @description:  是否为promise
+ */
+export declare function isPromise<T = any>(val: any): val is Promise<T>;
+
+export declare const isServer: boolean;
+
+/**
+ * @description:  是否为字符串
+ */
+export declare function isString(val: unknown): val is string;
+
+export declare const isUndef: <T = unknown>(val?: T) => val is T;
+
+/**
+ * @description: 是否为浏览器
+ */
+export declare const isWindow: (val: any) => val is Window;
+
+export declare function logoutToUserCenter(): void;
+
+/**
+ * 按钮级权限控制指令
+ */
+export declare const permission: ObjectDirective;
+
+export declare function removeAll(): void;
+
+export declare function removeLocale(): void;
+
+export declare function removeToken(): void;
+
+export declare function setLocale(locale: string): void;
+
+export declare function setMenuInfo(menuInfo: any): void;
+
+export declare function setToken(token: string): void;
+
+export declare function setUserCenterParams(params: UserCenterParams): void;
+
+export declare function setUserInfo(userInfo?: any): void;
+
+export declare function toUserCenterConsole(): void;
+
+export declare const UserCenterKey = "Witlink-Usercenter";
+
+export declare type UserCenterParams = {
     token?: string;
-}): void;
+    lang?: string;
+    usercenterUrl?: string;
+};
+
+export declare const WlSplitter: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export { }

package/dist/index.js

@@ -0,0 +1,136 @@
+import { defineComponent as x, ref as c, onMounted as C, onUnmounted as E, createElementBlock as L, openBlock as O, createElementVNode as m, normalizeStyle as _, unref as h, renderSlot as S } from "vue";
+import { hasPermission as P } from "./utils.js";
+import { UserCenterKey as z, exportFile as X, getButtonPermissions as A, getLocale as R, getMenuInfo as Y, getToken as K, getUserCenterParams as V, getUserCenterParamsByUrl as q, getUserInfo as G, is as H, isArray as J, isAsyncFunction as Q, isBoolean as Z, isClient as ee, isDate as te, isDef as ne, isElement as oe, isFunction as se, isImageDom as ie, isNull as re, isNullOrUndef as le, isNumber as ce, isObject as ae, isPromise as ue, isServer as me, isString as fe, isUndef as de, isWindow as ve, logoutToUserCenter as pe, removeAll as ge, removeLocale as ye, removeToken as _e, setLocale as he, setMenuInfo as Se, setToken as be, setUserCenterParams as Me, setUserInfo as Ue, toUserCenterConsole as xe } from "./utils.js";
+const k = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    leftMin: {
+      type: Number,
+      default: 0.1
+    },
+    leftMax: {
+      type: Number,
+      default: 0.3
+    }
+  },
+  setup(t) {
+    const e = t, o = c(), s = c(), i = c({}), f = c({}), d = c(0.2);
+    function v(n) {
+      i.value = { width: `calc(${n * 100}% - 5px)` }, f.value = { width: `calc(${(1 - n) * 100}% - 5px)` };
+    }
+    function p() {
+      const n = o.value;
+      if (!n)
+        return;
+      const g = n.clientWidth, l = n.getBoundingClientRect(), U = l.left;
+      function y(r) {
+        r.preventDefault(), (r.clientX < l.left || r.clientX > l.right || r.clientY < l.top || r.clientY > l.bottom) && u();
+        const a = (r.clientX - U) / g;
+        a > e.leftMin && a < e.leftMax && (d.value = a, v(a));
+      }
+      function u() {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", u);
+      }
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", u);
+    }
+    return C(() => {
+      v(d.value), s.value && s.value.addEventListener("mousedown", p, !1);
+    }), E(() => {
+      s.value && s.value.removeEventListener("mousedown", p);
+    }), (n, g) => (O(), L("div", {
+      ref_key: "container",
+      ref: o,
+      class: "splitter"
+    }, [
+      m("div", {
+        class: "my-left",
+        style: _(h(i))
+      }, [
+        S(n.$slots, "left", {}, void 0, !0)
+      ], 4),
+      m("div", {
+        ref_key: "spliter",
+        ref: s,
+        style: { height: "100%", width: "10px" },
+        class: "my-spliter"
+      }, null, 512),
+      m("div", {
+        class: "my-right",
+        style: _(h(f))
+      }, [
+        S(n.$slots, "right", {}, void 0, !0)
+      ], 4)
+    ], 512));
+  }
+}), j = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [s, i] of e)
+    o[s] = i;
+  return o;
+}, N = /* @__PURE__ */ j(k, [["__scopeId", "data-v-385ad393"]]), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  WlSplitter: N
+}, Symbol.toStringTag, { value: "Module" })), T = {
+  beforeMount(t, e) {
+    const { value: o } = e;
+    o && (P(o) || setTimeout(() => {
+      var i;
+      (i = t.parentNode) == null || i.removeChild(t);
+    }, 50));
+  }
+}, M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  permission: T
+}, Symbol.toStringTag, { value: "Module" }));
+function w(t) {
+  Object.keys(b).forEach((e) => {
+    t.component(e, b[e]);
+  }), Object.keys(M).forEach((e) => {
+    t.directive(e, M[e]);
+  });
+}
+const F = { install: w };
+export {
+  z as UserCenterKey,
+  N as WlSplitter,
+  F as default,
+  X as exportFile,
+  A as getButtonPermissions,
+  R as getLocale,
+  Y as getMenuInfo,
+  K as getToken,
+  V as getUserCenterParams,
+  q as getUserCenterParamsByUrl,
+  G as getUserInfo,
+  P as hasPermission,
+  H as is,
+  J as isArray,
+  Q as isAsyncFunction,
+  Z as isBoolean,
+  ee as isClient,
+  te as isDate,
+  ne as isDef,
+  oe as isElement,
+  se as isFunction,
+  ie as isImageDom,
+  re as isNull,
+  le as isNullOrUndef,
+  ce as isNumber,
+  ae as isObject,
+  ue as isPromise,
+  me as isServer,
+  fe as isString,
+  de as isUndef,
+  ve as isWindow,
+  pe as logoutToUserCenter,
+  T as permission,
+  ge as removeAll,
+  ye as removeLocale,
+  _e as removeToken,
+  he as setLocale,
+  Se as setMenuInfo,
+  be as setToken,
+  Me as setUserCenterParams,
+  Ue as setUserInfo,
+  xe as toUserCenterConsole
+};

package/dist/utils.d.ts

@@ -0,0 +1,130 @@
+/**
+ * 下载文件
+ */
+export declare function exportFile(options: {
+    fileData: any;
+    name: string;
+}): void;
+
+export declare function getButtonPermissions(): any;
+
+export declare function getLocale(): string | null;
+
+export declare function getMenuInfo(): any;
+
+export declare function getToken(): string | null;
+
+export declare function getUserCenterParams(): UserCenterParams;
+
+export declare function getUserCenterParamsByUrl(): Record<string, string>;
+
+export declare function getUserInfo(key?: string | Array<string> | null): any;
+
+export declare function hasPermission(id: string): boolean;
+
+/**
+ * @description: 判断值是否未某个类型
+ */
+export declare function is(val: unknown, type: string): boolean;
+
+/**
+ * @description:  是否为数组
+ */
+export declare function isArray(val: any): val is Array<any>;
+
+/**
+ * @description:  是否为AsyncFunction
+ */
+export declare function isAsyncFunction<T = any>(val: unknown): val is Promise<T>;
+
+/**
+ * @description:  是否为boolean类型
+ */
+export declare function isBoolean(val: unknown): val is boolean;
+
+/**
+ * @description: 是否客户端
+ */
+export declare const isClient: () => boolean;
+
+/**
+ * @description:  是否为时间
+ */
+export declare function isDate(val: unknown): val is Date;
+
+/**
+ * @description: 是否已定义
+ */
+export declare const isDef: <T = unknown>(val?: T) => val is T;
+
+export declare const isElement: (val: unknown) => val is Element;
+
+/**
+ * @description:  是否为函数
+ */
+export declare function isFunction<T = Function>(val: unknown): val is T;
+
+export declare function isImageDom(o: Element): boolean;
+
+export declare function isNull(val: unknown): val is null;
+
+export declare function isNullOrUndef(val: unknown): val is null | undefined;
+
+/**
+ * @description:  是否为数值
+ */
+export declare function isNumber(val: unknown): val is number;
+
+/**
+ * @description: 是否为对象
+ */
+export declare const isObject: (val: any) => val is Record<any, any>;
+
+/**
+ * @description:  是否为promise
+ */
+export declare function isPromise<T = any>(val: any): val is Promise<T>;
+
+export declare const isServer: boolean;
+
+/**
+ * @description:  是否为字符串
+ */
+export declare function isString(val: unknown): val is string;
+
+export declare const isUndef: <T = unknown>(val?: T) => val is T;
+
+/**
+ * @description: 是否为浏览器
+ */
+export declare const isWindow: (val: any) => val is Window;
+
+export declare function logoutToUserCenter(): void;
+
+export declare function removeAll(): void;
+
+export declare function removeLocale(): void;
+
+export declare function removeToken(): void;
+
+export declare function setLocale(locale: string): void;
+
+export declare function setMenuInfo(menuInfo: any): void;
+
+export declare function setToken(token: string): void;
+
+export declare function setUserCenterParams(params: UserCenterParams): void;
+
+export declare function setUserInfo(userInfo?: any): void;
+
+export declare function toUserCenterConsole(): void;
+
+export declare const UserCenterKey = "Witlink-Usercenter";
+
+export declare type UserCenterParams = {
+    token?: string;
+    lang?: string;
+    usercenterUrl?: string;
+};
+
+export { }