bge-ui 1.0.6 → 1.0.8

package/dist/index.js

@@ -37,19 +37,11 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`bge-button bge-button--${__props.type} bge-button--${__props.size}`),
         disabled: __props.disabled
       }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        renderSlot(_ctx.$slots, "default")
       ], 10, _hoisted_1$1T);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const UiButton = /* @__PURE__ */ _export_sfc(_sfc_main$1W, [["__scopeId", "data-v-f71e250d"]]);
 const _hoisted_1$1S = ["target", "href"];
 const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   ...{
@@ -87,17 +79,16 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
         target: __props.target,
         href: __props.href
       }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        renderSlot(_ctx.$slots, "default")
       ], 10, _hoisted_1$1S)) : (openBlock(), createElementBlock("span", {
         key: 1,
         class: normalizeClass(`bge-link bge-link--${__props.type} ${__props.disabled ? "disabled" : ""} ${__props.underline ? "underline" : ""} no-link`)
       }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        renderSlot(_ctx.$slots, "default")
       ], 2));
     };
   }
 });
-const UiLink = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__scopeId", "data-v-271174dd"]]);
 const _hoisted_1$1R = /* @__PURE__ */ createElementVNode("path", {
   d: "M0 12C-3.32088e-08 13.5759 0.310389 15.1363 0.913446 16.5922C1.5165 18.0481 2.40042 19.371 3.51472 20.4853C4.62902 21.5996 5.95189 22.4835 7.4078 23.0866C8.86371 23.6896 10.4241 24 12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12Z",
   fill: "#4CAF50"
@@ -5090,12 +5081,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("form", {
         class: normalizeClass(["bge-form", { inline: __props.inline }])
       }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        renderSlot(_ctx.$slots, "default")
       ], 2);
     };
   }
 });
-const UiForm = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ad3f6859"]]);
 function tryOnScopeDispose(fn2) {
   if (getCurrentScope()) {
     onScopeDispose(fn2);
@@ -6577,12 +6567,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         isShowLabel.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
           renderSlot(_ctx.$slots, "label", { label: currentLabel.value }, () => [
             createTextVNode(toDisplayString(currentLabel.value), 1)
-          ], true)
+          ])
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["bge-form-item__content", { error: shouldShowError.value }])
         }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          renderSlot(_ctx.$slots, "default"),
           createVNode(TransitionGroup, { name: "form-item-zoom-in-top" }, {
             default: withCtx(() => [
               shouldShowError.value ? renderSlot(_ctx.$slots, "error", {
@@ -6590,7 +6580,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 error: validateMessage.value
               }, () => [
                 createElementVNode("div", _hoisted_2$2, toDisplayString(validateMessage.value), 1)
-              ], true) : createCommentVNode("", true)
+              ]) : createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -6599,7 +6589,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7139bbf6"]]);
 const _hoisted_1$2 = { class: "bge-input" };
 const _hoisted_2$1 = {
   key: 0,
@@ -6659,15 +6648,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emit("focus");
     }
     function handleBlur() {
-      if (!isClearHover.value) {
-        isFocus.value = false;
-      }
+      isFocus.value = false;
       emit("blur");
       emit("update:modelValue", input.value);
     }
     watch(() => props.modelValue, (val) => {
       input.value = val;
-      formItemContext.validate && formItemContext.validate().catch((err) => err);
+      formItemContext && formItemContext.validate && formItemContext.validate().catch((err) => err);
     });
     function handleChange() {
       emit("change", input.value);
@@ -6817,7 +6804,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`bge-tabs bge-tabs__${__props.type}`)
       }, [
         createElementVNode("div", _hoisted_1$1, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          renderSlot(_ctx.$slots, "default")
         ]),
         createElementVNode("span", {
           class: "bge-tabs__active-bar",
@@ -6827,7 +6814,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiTabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-c1a4de95"]]);
 const tabsKey = "bge-tabs-context";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
@@ -9057,12 +9043,12 @@ function closeAll(type4) {
 message.closeAll = closeAll;
 message._context = null;
 const components = {
-  UiButton,
-  UiLink,
-  UiForm,
-  UiFormItem,
+  UiButton: _sfc_main$1W,
+  UiLink: _sfc_main$1V,
+  UiForm: _sfc_main$6,
+  UiFormItem: _sfc_main$5,
   UiInput: _sfc_main$4,
-  UiTabs,
+  UiTabs: _sfc_main$3,
   UiTabPane: _sfc_main$2,
   UiTooltip: _sfc_main$1
 };
@@ -9078,14 +9064,14 @@ const index = {
   }
 };
 export {
-  UiButton,
-  UiForm,
-  UiFormItem,
+  _sfc_main$1W as UiButton,
+  _sfc_main$6 as UiForm,
+  _sfc_main$5 as UiFormItem,
   _sfc_main$4 as UiInput,
-  UiLink,
+  _sfc_main$1V as UiLink,
   message as UiMessage,
   _sfc_main$2 as UiTabPane,
-  UiTabs,
+  _sfc_main$3 as UiTabs,
   _sfc_main$1 as UiTooltip,
   index as default
 };

package/dist/style.css

@@ -1,4 +1,4 @@
-.bge-button[data-v-f71e250d] {
+.bge-button {
   background: var(--btn);
   color: var(--color);
   padding: 8px 16px;
@@ -13,59 +13,59 @@
   box-sizing: border-box;
   user-select: none;
 }
-.bge-button + .bge-button[data-v-f71e250d] {
+.bge-button + .bge-button {
   margin-left: 12px;
 }
-.bge-button.bge-button--primary[data-v-f71e250d] {
+.bge-button.bge-button--primary {
   --color: var(--persistent-black);
   --btn: var(--btn-primary);
   --btn-hover: var(--btn-primary-hover);
   --btn-pressed: var(--btn-primary-pressed);
   --btn-disable: var(--btn-primary-disable);
 }
-.bge-button.bge-button--secondary[data-v-f71e250d] {
+.bge-button.bge-button--secondary {
   --color: var(--tc-primary);
   --btn: var(--btn-secondary);
   --btn-hover: var(--btn-secondary-hover);
   --btn-pressed: var(--btn-secondary-pressed);
   --btn-disable: var(--btn-secondary-disable);
 }
-.bge-button.bge-button--white[data-v-f71e250d] {
+.bge-button.bge-button--white {
   --color: var(--persistent-black);
   --btn: var(--btn-white);
   --btn-hover: var(--btn-white-hover);
   --btn-pressed: var(--btn-white-pressed);
   --btn-disable: var(--btn-white-disable);
 }
-.bge-button.bge-button--violet[data-v-f71e250d] {
+.bge-button.bge-button--violet {
   --color: var(--persistent-white);
   --btn: var(--btn-violet);
   --btn-hover: var(--btn-violet-hover);
   --btn-pressed: var(--btn-violet-hover);
   --btn-disable: var(--btn-violet-disable);
 }
-.bge-button.bge-button--large[data-v-f71e250d] {
+.bge-button.bge-button--large {
   font-size: 16px;
   font-weight: 500;
   line-height: 28px;
   padding: 12px 24px;
 }
-.bge-button.bge-button--mini[data-v-f71e250d] {
+.bge-button.bge-button--mini {
   font-size: 12px;
   font-weight: 500;
   line-height: 20px;
   padding: 4px 16px;
 }
-.bge-button[data-v-f71e250d]:hover {
+.bge-button:hover {
   background: var(--btn-hover);
 }
-.bge-button[data-v-f71e250d]:active {
+.bge-button:active {
   background: var(--btn-pressed);
 }
-.bge-button[data-v-f71e250d]:disabled {
+.bge-button:disabled {
   cursor: not-allowed;
   background: var(--btn-disable);
-}.bge-link[data-v-271174dd] {
+}.bge-link {
   --link-tc-color: var(--tc-tertiary, #53677A);
   --link-tc-hover: var(--tc-secondary, #798EA3);
   --link-tc-pressed: var(--tc-secondary, #798EA3);
@@ -74,35 +74,35 @@
   cursor: pointer;
   color: var(--link-tc-color);
 }
-.bge-link.bge-link--violet[data-v-271174dd] {
+.bge-link.bge-link--violet {
   --link-tc-color: var(--btn-violet, #6670FF);
   --link-tc-hover: var(--btn-violet-hover, #7575FF);
   --link-tc-pressed: var(--btn-violet-hover, #7575FF);
   --link-tc-disable: var(--btn-violet-disable, #3C428F);
 }
-.bge-link + .bge-link[data-v-271174dd] {
+.bge-link + .bge-link {
   margin-left: 12px;
 }
-.bge-link[data-v-271174dd]:hover {
+.bge-link:hover {
   color: var(--link-tc-hover);
 }
-.bge-link[data-v-271174dd]:active {
+.bge-link:active {
   color: var(--link-tc-hover);
 }
-.bge-link.underline[data-v-271174dd] {
+.bge-link.underline {
   text-decoration-line: underline;
 }
-.bge-link.no-link[data-v-271174dd] {
+.bge-link.no-link {
   cursor: default;
 }
-.bge-link.disabled[data-v-271174dd] {
+.bge-link.disabled {
   color: var(--link-tc-disable, #3B4C5C);
   cursor: no-drop;
 }
-.bge-link.disabled[data-v-271174dd]:hover {
+.bge-link.disabled:hover {
   color: var(--link-tc-disable, #3B4C5C);
 }
-.bge-link.disabled[data-v-271174dd]:active {
+.bge-link.disabled:active {
   color: var(--link-tc-disable, #3B4C5C);
 }.bge-color-svg {
   --icon-theme: #fff833;
@@ -3192,12 +3192,12 @@
 }
 .bge-form .bge-form-item__content.error .bge-input__wrapper {
   border: 1px solid var(--tc-red, #FF477E);
-}.bge-form[data-v-ad3f6859] {
+}.bge-form {
   margin: 0;
-}.bge-form-item[data-v-7139bbf6] {
+}.bge-form-item {
   margin-bottom: 16px;
 }
-.bge-form-item .bge-form-item__label[data-v-7139bbf6] {
+.bge-form-item .bge-form-item__label {
   color: var(--tc-secondary, #798EA3);
   padding: var(--layout-x-0, 0);
   font-size: 14px;
@@ -3205,10 +3205,10 @@
   line-height: 24px;
   margin-bottom: 4px;
 }
-.bge-form-item[data-v-7139bbf6]:last-child {
+.bge-form-item:last-child {
   margin-bottom: 0;
 }
-.bge-form-item .bge-form-item__error[data-v-7139bbf6] {
+.bge-form-item .bge-form-item__error {
   color: var(--tc-red, #FF477E);
   font-size: 12px;
   font-weight: 400;
@@ -3237,7 +3237,7 @@
   background: var(--bg-input, rgba(88, 126, 163, 0.08));
 }
 .bge-input .bge-input__wrapper.focus {
-  border: 1px solid var(--tc-secondary, #798EA3);
+  border: 1px solid var(--tc-theme, #292D33);
   background: transparent;
 }
 .bge-input .bge-input__wrapper.textarea {
@@ -3273,7 +3273,7 @@
   box-sizing: border-box;
   resize: none;
 }
-.bge-input .bge-input__inner ::placeholder {
+.bge-input .bge-input__inner::placeholder {
   color: var(--tc-quaternary, #3B4C5C);
   font-weight: 500;
 }
@@ -3338,12 +3338,12 @@
 }
 .bge-input .bge-input__prefix .bge-input__prefix-inner {
   padding-right: 8px;
-}.bge-tabs.bge-tabs__bordered .bge-tabs__panes[data-v-c1a4de95], .bge-tabs.bge-tabs__pills .bge-tabs__panes[data-v-c1a4de95] {
+}.bge-tabs.bge-tabs__bordered .bge-tabs__panes, .bge-tabs.bge-tabs__pills .bge-tabs__panes {
   display: flex;
   align-items: flex-start;
   position: relative;
 }
-.bge-tabs.bge-tabs__bordered[data-v-c1a4de95]::after {
+.bge-tabs.bge-tabs__bordered::after {
   content: "";
   position: absolute;
   left: 0;
@@ -3353,7 +3353,7 @@
   border-radius: var(--radius-small, 0px);
   background: var(--separator-separator, #34414D);
 }
-.bge-tabs.bge-tabs__bordered .bge-tabs__active-bar[data-v-c1a4de95] {
+.bge-tabs.bge-tabs__bordered .bge-tabs__active-bar {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -3364,7 +3364,7 @@
   background: var(--tc-theme, #FFFF38);
   transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-.bge-tabs.bge-tabs__pills .bge-tabs__active-bar[data-v-c1a4de95] {
+.bge-tabs.bge-tabs__pills .bge-tabs__active-bar {
   display: none;
 }.bge-tabs__pills .bge-tab__pane {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/button/index.vue

@@ -37,7 +37,7 @@ defineProps({
     <slot></slot>
   </button>
 </template>
-<style lang="scss" scoped>
+<style lang="scss">
 .bge-button {
 
   &+.bge-button {

package/src/form/form-item.vue

@@ -206,7 +206,7 @@ onMounted(() => {
   formContext?.addField(context)
 })
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .bge-form-item {
   margin-bottom: 16px;
 

package/src/form/index.vue

@@ -115,7 +115,7 @@ defineExpose({
   }
 }
 </style>
-<style lang="scss" scoped>
+<style lang="scss">
 .bge-form {
   margin: 0;
 }

package/src/input/index.vue

@@ -73,16 +73,14 @@ function handleFocus() {
 }
 
 function handleBlur() {
-  if (!isClearHover.value) {
-    isFocus.value = false
-  }
+  isFocus.value = false
   emit('blur')
   emit('update:modelValue', input.value)
 }
 
 watch(() => props.modelValue, (val) => {
   input.value = val
-  formItemContext.validate && formItemContext.validate().catch((err: any) => (err))
+  formItemContext && formItemContext.validate && formItemContext.validate().catch((err: any) => (err))
 })
 
 function handleChange() {
@@ -137,7 +135,7 @@ function handelClear() {
     }
 
     &.focus {
-      border: 1px solid var(--tc-secondary, #798EA3);
+      border: 1px solid var(--tc-theme, #292D33);
       background: transparent;
     }
 
@@ -179,7 +177,7 @@ function handelClear() {
     box-sizing: border-box;
     resize: none;
 
-    ::placeholder {
+    &::placeholder {
       color: var(--tc-quaternary, #3B4C5C);
       font-weight: 500;
     }

package/src/link/index.vue

@@ -39,7 +39,7 @@ defineProps({
   }
 })
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .bge-link {
   --link-tc-color: var(--tc-tertiary, #53677A);
   --link-tc-hover: var(--tc-secondary, #798EA3);

package/src/tabs/index.vue

@@ -80,7 +80,7 @@ onMounted(() => {
 
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .bge-tabs {
 
   &.bge-tabs__bordered,