lew-ui 1.0.16 → 1.0.19

package/README.md

@@ -1,9 +1,10 @@
+![471656552467_.pic_i9uhs1_.jpeg](https://cdn.jsdelivr.net/gh/lewkamtao/PicHub-Cloud@master/PicHub/471656552467_.pic_i9uhs1_.jpeg)
+
 # Lew-UI
 
 A Component Library for Vue3.js.
 Doc address: https://lew.kamtao.com
 
-
 ## Install
 
 ```bash
@@ -12,13 +13,15 @@ npm install lew-ui --save
 
 ## How to use
 
-引入css
+引入 css
+
 ```js
 // main.ts
-import "lew-ui/dist/style.css";
+import 'lew-ui/dist/style.css';
 ```
 
 页面
+
 ```vue
 <script setup lang="ts">
 import { LewButton } from 'lew-ui';
@@ -28,3 +31,10 @@ import { LewButton } from 'lew-ui';
     <lew-button> 发送 </lew-button>
 </template>
 ```
+
+## Thanks
+
+- https://github.com/TuSimple/naive-ui
+- https://github.com/atomiks/tippyjs
+- https://github.com/fancyapps/ui
+- https://github.com/sampotts/plyr

package/dist/lew.es.ts

@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
     }
   return target;
 };
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, inject, ref, onMounted, onUnmounted, createElementVNode, unref, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, watch, withDirectives, vModelText, vShow, createTextVNode, createBlock, createVNode, vModelCheckbox, provide, computed, onBeforeMount, h as h$1, withCtx, Teleport, createApp, Transition, withModifiers, resolveComponent, resolveDirective, isRef } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, unref, ref, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, watch, withDirectives, vModelText, vShow, createTextVNode, createBlock, createVNode, vModelCheckbox, provide, inject, computed, onBeforeMount, h as h$1, withCtx, Teleport, createApp, Transition, withModifiers, resolveComponent, resolveDirective, isRef } from "vue";
 var LewFlex_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -128,33 +128,34 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-38cc287d"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/layout/src/LewLayout.vue"]]);
-/*!
-  * vue-router v4.0.13
-  * (c) 2022 Eduardo San Martin Morote
-  * @license MIT
-  */
-const hasSymbol = typeof Symbol === "function" && typeof Symbol.toStringTag === "symbol";
-const PolySymbol = (name) => hasSymbol ? Symbol("[vue-router]: " + name) : "[vue-router]: " + name;
-const routerKey = /* @__PURE__ */ PolySymbol("router");
-var NavigationType;
-(function(NavigationType2) {
-  NavigationType2["pop"] = "pop";
-  NavigationType2["push"] = "push";
-})(NavigationType || (NavigationType = {}));
-var NavigationDirection;
-(function(NavigationDirection2) {
-  NavigationDirection2["back"] = "back";
-  NavigationDirection2["forward"] = "forward";
-  NavigationDirection2["unknown"] = "";
-})(NavigationDirection || (NavigationDirection = {}));
-var NavigationFailureType;
-(function(NavigationFailureType2) {
-  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
-  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
-  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
-})(NavigationFailureType || (NavigationFailureType = {}));
-function useRouter() {
-  return inject(routerKey);
+function useDOMCreate(nodeId) {
+  const node = document.createElement("div");
+  node.id = nodeId;
+  document.body.appendChild(node);
+  onUnmounted(() => {
+    document.body.removeChild(node);
+  });
+}
+let instance$1;
+function useLewTo() {
+  const lewTo = (path) => {
+    var _a;
+    const router = (_a = instance$1.appContext.config) == null ? void 0 : _a.globalProperties.$router;
+    if (!path)
+      return;
+    if (path && path.startsWith("http")) {
+      window.open(path);
+    } else {
+      router.push(path);
+    }
+    return;
+  };
+  onMounted(() => {
+    instance$1 = getCurrentInstance();
+  });
+  return {
+    lewTo
+  };
 }
 var LewMark_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
@@ -168,7 +169,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: false
     },
-    link: {
+    to: {
       type: String,
       default: ""
     },
@@ -178,22 +179,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const props = __props;
-    const router = useRouter();
-    const toPath = () => {
-      if (props.link) {
-        if (props.link.startsWith("http")) {
-          window.open(props.link);
-        } else {
-          router.push(props.link);
-        }
-      }
-    };
+    const { lewTo } = useLewTo();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["lew-mark", `lew-mark-${__props.type} ${__props.round ? "lew-mark-round" : ""} ${__props.link ? "lew-mark-link" : ""}`]),
+        class: normalizeClass(["lew-mark", `lew-mark-${__props.type} ${__props.round ? "lew-mark-round" : ""} ${__props.to ? "lew-mark-to" : ""}`]),
         style: normalizeStyle(`font-weight:${__props.bold};`),
-        onClick: toPath
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(lewTo)(__props.to))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 6);
@@ -350,16 +341,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const router = useRouter();
-    const toPath = (path) => {
-      if (path) {
-        if (path.startsWith("http")) {
-          window.open(path);
-        } else {
-          router.push(path);
-        }
-      }
-    };
+    const { lewTo } = useLewTo();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$r, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index2) => {
@@ -368,8 +350,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["lew-breadcrumb-item", { "lew-breadcrumb-active": item.active }])
           }, [
             createElementVNode("span", {
-              class: normalizeClass({ "lew-breadcrumb-isPath": !!item.path }),
-              onClick: ($event) => toPath(item.path)
+              class: normalizeClass({ "lew-breadcrumb-isPath": !!item.to }),
+              onClick: ($event) => unref(lewTo)(item.to)
             }, toDisplayString(item.label), 11, _hoisted_2$l),
             index2 != __props.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$f, [
               __props.iconType == "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$4, _hoisted_6$2)) : createCommentVNode("v-if", true),
@@ -3702,8 +3684,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("img", {
           src: __props.src,
-          class: normalizeClass({ round: __props.round }),
-          alt: __props.alt
+          alt: __props.alt,
+          class: normalizeClass(__props.round ? "lew-avarar-round" : "")
         }, null, 10, _hoisted_2$g),
         __props.status ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -4478,7 +4460,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: false
     },
-    link: {
+    to: {
       type: String,
       default: ""
     }
@@ -4486,26 +4468,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   emits: ["close"],
   setup(__props, { emit }) {
     const props = __props;
-    const router = useRouter();
+    const { lewTo } = useLewTo();
     const close = () => {
       if (props.disabled) {
         return;
       }
       emit("close");
     };
-    const toPath = () => {
-      if (props.link) {
-        if (props.link.startsWith("http")) {
-          window.open(props.link);
-        } else {
-          router.push(props.link);
-        }
-      }
-    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-tag", `lew-tag-${__props.size} lew-tag-${__props.type} ${__props.round ? "lew-tag-round" : ""} ${__props.disabled ? "lew-tag-disabled" : ""} ${__props.link ? "lew-tag-link" : ""}`]),
-        onClick: toPath
+        class: normalizeClass(["lew-tag", `lew-tag-${__props.size} lew-tag-${__props.type} ${__props.round ? "lew-tag-round" : ""} ${__props.disabled ? "lew-tag-disabled" : ""} ${__props.to ? "lew-tag-to" : ""}`]),
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(lewTo)(__props.to))
       }, [
         createElementVNode("div", _hoisted_1$7, [
           renderSlot(_ctx.$slots, "left")
@@ -4823,14 +4796,6 @@ const addMessage = (type, text) => {
   }, 10);
 };
 var index$3 = { warning, info, normal, success, error };
-function useDOMCreate(nodeId) {
-  const node = document.createElement("div");
-  node.id = nodeId;
-  document.body.appendChild(node);
-  onUnmounted(() => {
-    document.body.removeChild(node);
-  });
-}
 var LewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   name: "LewModal",