nubomed-ui 1.0.1 → 1.0.3

package/src/packages/index.js

@@ -0,0 +1,64 @@
+/*
+ * @Author: chenghuan.dong
+ * @Date: 2023-06-27 17:07:50
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-08-07 09:08:57
+ * @Description: 
+ */
+import './iconfont-svg/iconfont.js'
+import './fonts/font.scss'
+import './styles/var.scss'
+
+// 引入封装好的组件
+import Icon from './components/Icon/index.vue'
+import Button from './components/Button/index.vue'
+import ButtonGroup from './components/ButtonGroup/index.vue'
+import Input from './components/Input/index.vue'
+import InputNumber from './components/InputNumber/index.vue'
+import Empty from './components/Empty/index.vue'
+import Badge from './components/Badge/index.vue'
+import Dialog from './components/Dialog/index.vue'
+import Form from './components/Form/index.vue'
+import FormItem from './components/Form/FormItem.vue'
+import Menu from './components/Menu/index.vue'
+import Statusbar from './components/Statusbar/index.vue'
+import Toast from './components/Toast/index.vue'
+import Check from './components/Check/index.vue'
+import Steps from './components/Steps/index.vue'
+import InputKeyboard from './components/InputKeyboard/index.vue'
+import ActionBar from './components/ActionBar/index.vue'
+import OpenCabinetBall from './components/OpenCabinetBall/index.vue'
+
+// 按需引入
+export { Icon }
+export { Button }
+export { ButtonGroup }
+export { Input }
+export { Empty }
+export { Badge }
+export { InputNumber }
+export { Dialog }
+export { Form }
+export { FormItem }
+export { Menu }
+export { Statusbar }
+export { Toast }
+export { Check }
+export { Steps }
+export { InputKeyboard }
+export { ActionBar }
+export { OpenCabinetBall }
+
+const component = [Icon, Button, ButtonGroup, Input, InputNumber, Empty, Badge, Dialog, Form, FormItem, Menu, Statusbar, Toast, Check, Steps, InputKeyboard, ActionBar, OpenCabinetBall]
+
+const NuboMedUI = {
+  install(App) {
+    component.forEach((item) => {
+      App.component(item.name, item)
+    })
+  }
+}
+
+export default NuboMedUI
+
+window.$nbNotify = Toast

package/src/packages/styles/var.scss

@@ -0,0 +1,24 @@
+:root {
+  // 通用
+  --nb-font-family: OPPOSans-M, OPPOSans;
+  --nb-font-bold-family: OPPOSans-B, OPPOSans;
+  --nb-font-color: #181d41;
+  --nb-font-color-2: rgba(24, 29, 65, 0.2);
+  --nb-font-color-5: rgba(24, 29, 65, 0.5);
+  --nb-font-color-7: rgba(24, 29, 65, 0.7);
+  --nb-theme-color: #0066e0;
+  --nb-abnormal-color: #EA255F;
+
+  // 表单输入框、数字输入框、下拉框、日期控件
+  // 正常情况下
+  --nb-input-border-radius: 8px;
+  --nb-input-border-color: #cad0e0;
+  --nb-input-color: var(--nb-font-color);
+  --nb-input-placeholder-text-color: var(--nb-font-color-5);
+  // disabled
+  --nb-input-disabled-color: var(--nb-font-color-2);
+  --nb-input-disabled-background: #f4f6f9;
+  --nb-input-disabled-box-shadow: none;
+  --nb-input-disabled-border-color: #f4f6f9;
+  --nb-input-disabled-background-focus: #f4f6f9;
+}

package/src/utils/create.js

@@ -0,0 +1,48 @@
+/*
+ * @Author: chenghuan.dong
+ * @Date: 2023-06-27 09:26:21
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-08-07 09:05:36
+ * @Description: BEM
+ */
+export function createNamespace(name) {
+  const prefixedName = `nb-${name}`
+  return [prefixedName, createBEM(prefixedName)]
+}
+
+/**
+ * bem helper
+ * b() // 'button'
+ * b('text') // 'button__text'
+ * b({ disabled }) // 'button button--disabled'
+ * b('text', { disabled }) // 'button__text button__text--disabled'
+ * b(['disabled', 'primary']) // 'button button--disabled button--primary'
+ */
+export function createBEM(name) {
+  return (el, mods) => {
+    if (el && typeof el !== 'string') {
+      mods = el
+      el = ''
+    }
+
+    el = el ? `${name}__${el}` : name
+
+    return `${el}${genBem(el, mods)}`
+  }
+}
+
+function genBem(name, mods) {
+  if (!mods) {
+    return ''
+  }
+
+  if (typeof mods === 'string') {
+    return ` ${name}--${mods}`
+  }
+
+  if (Array.isArray(mods)) {
+    return mods.reduce((ret, item) => ret + genBem(name, item), '')
+  }
+
+  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name, key) : ''), '')
+}

package/src/utils/index.js

@@ -0,0 +1,13 @@
+/**
+ * 字符串中间显示省略号...
+ * @param {String} value 字符串
+ * @param {Number} len 前后各显示多少位
+ * @returns 数组
+ */
+export function formatEllipsis(value, len) {
+  const showLen = parseInt(len / 2)
+  if (value && value.length > len) {
+    return value.substr(0, showLen) + '...' + value.substr(value.length - showLen)
+  }
+  return value
+}

package/src/utils/validate.js

@@ -0,0 +1,3 @@
+export function isNumber(value) {
+  return /^\d+$/.test(value)
+}

package/vite.config.js

@@ -0,0 +1,47 @@
+/*
+ * @Author: chenghuan.dong
+ * @Date: 2023-06-27 16:24:35
+ * @LastEditors: chenghuan.dong
+ * @LastEditTime: 2023-09-13 09:41:01
+ * @Description:
+ */
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default ({mode}) => {
+  const env = loadEnv(mode, process.cwd()); // 获取.env文件里定义的环境变量
+  console.log('env', JSON.stringify(env))
+ return defineConfig({
+    plugins: [vue()],
+    build: {
+      outDir: `${env.VITE_BUILD_NAME}`, //输出文件名称
+      lib: {
+        entry: path.resolve(__dirname, `./src/${env.VITE_UI_NAME}/index.js`), //指定组件编译入口文件
+        name: env.VITE_BUILD_NAME,
+        fileName: (format) => `${env.VITE_BUILD_NAME}.${format}.js`
+      }, //库编译模式配置
+      rollupOptions: {
+        // 确保外部化处理那些你不想打包进库的依赖
+        external: ['vue'],
+        output: {
+          // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+          globals: {
+            vue: 'Vue'
+          }
+        }
+      } // rollup打包配置
+    },
+    // 开发服务器选项
+    server: {
+      port: 9999,
+      host: '0.0.0.0',
+      // 是否自动在浏览器打开
+      open: true,
+      // 是否开启 https
+      https: false,
+      hmr: true // 开启热更新
+    }
+  })
+}

package/nubomed-ui.es.js

@@ -1,152 +0,0 @@
-import { computed as f, openBlock as o, createElementBlock as s, normalizeClass as _, unref as m, createCommentVNode as b, renderSlot as g, createElementVNode as l } from "vue";
-function y(a) {
-  const e = `nb-${a}`;
-  return [e, h(e)];
-}
-function h(a) {
-  return (e, t) => (e && typeof e != "string" && (t = e, e = ""), e = e ? `${a}__${e}` : a, `${e}${p(e, t)}`);
-}
-function p(a, e) {
-  return e ? typeof e == "string" ? ` ${a}--${e}` : Array.isArray(e) ? e.reduce((t, n) => t + p(a, n), "") : Object.keys(e).reduce((t, n) => t + (e[n] ? p(a, n) : ""), "") : "";
-}
-const x = ["disabled"], v = {
-  key: 0,
-  class: "is-loading"
-}, B = /* @__PURE__ */ l("svg", {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ l("path", {
-    fill: "currentColor",
-    d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
-  })
-], -1), $ = [
-  B
-], k = /* @__PURE__ */ Object.assign({
-  name: "nb-button"
-}, {
-  __name: "index",
-  props: {
-    // 定义Props
-    // 类型，可选值为 primary warning default
-    type: {
-      type: String,
-      default: "default"
-    },
-    // 尺寸，可选值为 large medium small mini
-    size: {
-      type: String,
-      default: "medium"
-    },
-    // 按钮是否为禁用状态
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否为加载中状态
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否为朴素按钮
-    plain: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否为文字按钮
-    text: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click"],
-  setup(a, { emit: e }) {
-    const t = a, [n, i] = y("button"), d = f(() => t.loading ? !0 : t.disabled), r = i([t.size, t.type, { disabled: t.disabled, loading: t.loading, plain: t.plain, text: t.text }]), c = () => {
-      e("click");
-    };
-    return (u, z) => (o(), s("button", {
-      class: _(m(r)),
-      disabled: d.value,
-      onClick: c
-    }, [
-      a.loading ? (o(), s("i", v, $)) : b("", !0),
-      g(u.$slots, "default")
-    ], 10, x));
-  }
-});
-const L = ["disabled"], w = {
-  key: 0,
-  class: "is-loading"
-}, C = /* @__PURE__ */ l("svg", {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ l("path", {
-    fill: "currentColor",
-    d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
-  })
-], -1), M = [
-  C
-], V = /* @__PURE__ */ Object.assign({
-  name: "nb-button-group"
-}, {
-  __name: "index",
-  props: {
-    // 定义Props
-    // 类型，可选值为 primary warning default
-    type: {
-      type: String,
-      default: "default"
-    },
-    // 尺寸，可选值为 large medium small mini
-    size: {
-      type: String,
-      default: "medium"
-    },
-    // 按钮是否为禁用状态
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否为加载中状态
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否为朴素按钮
-    plain: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否为文字按钮
-    text: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click"],
-  setup(a, { emit: e }) {
-    const t = a, [n, i] = y("button"), d = f(() => t.loading ? !0 : t.disabled), r = i([t.size, t.type, { disabled: t.disabled, loading: t.loading, plain: t.plain, text: t.text }]), c = () => {
-      e("click");
-    };
-    return (u, z) => (o(), s("button", {
-      class: _(m(r)),
-      disabled: d.value,
-      onClick: c
-    }, [
-      a.loading ? (o(), s("i", w, M)) : b("", !0),
-      g(u.$slots, "default")
-    ], 10, L));
-  }
-}), N = [k, V], E = {
-  install(a) {
-    N.forEach((e) => {
-      a.component(e.name, e.default);
-    });
-  }
-};
-export {
-  k as Button,
-  V as ButtonGroup,
-  E as default
-};

package/nubomed-ui.umd.js

@@ -1 +0,0 @@
-(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o["nubomed-ui"]={},o.Vue))})(this,function(o,t){"use strict";function f(n){const e=`nb-${n}`;return[e,_(e)]}function _(n){return(e,a)=>(e&&typeof e!="string"&&(a=e,e=""),e=e?`${n}__${e}`:n,`${e}${i(e,a)}`)}function i(n,e){return e?typeof e=="string"?` ${n}--${e}`:Array.isArray(e)?e.reduce((a,l)=>a+i(n,l),""):Object.keys(e).reduce((a,l)=>a+(e[l]?i(n,l):""),""):""}const L="",b=["disabled"],g={key:0,class:"is-loading"},y=[t.createElementVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"})],-1)],p=Object.assign({name:"nb-button"},{__name:"index",props:{type:{type:String,default:"default"},size:{type:String,default:"medium"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},text:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:e}){const a=n,[l,s]=f("button"),d=t.computed(()=>a.loading?!0:a.disabled),c=s([a.size,a.type,{disabled:a.disabled,loading:a.loading,plain:a.plain,text:a.text}]),r=()=>{e("click")};return(u,$)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(t.unref(c)),disabled:d.value,onClick:r},[n.loading?(t.openBlock(),t.createElementBlock("i",g,y)):t.createCommentVNode("",!0),t.renderSlot(u.$slots,"default")],10,b))}}),w="",h=["disabled"],z={key:0,class:"is-loading"},B=[t.createElementVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"})],-1)],m=Object.assign({name:"nb-button-group"},{__name:"index",props:{type:{type:String,default:"default"},size:{type:String,default:"medium"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},text:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:e}){const a=n,[l,s]=f("button"),d=t.computed(()=>a.loading?!0:a.disabled),c=s([a.size,a.type,{disabled:a.disabled,loading:a.loading,plain:a.plain,text:a.text}]),r=()=>{e("click")};return(u,$)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(t.unref(c)),disabled:d.value,onClick:r},[n.loading?(t.openBlock(),t.createElementBlock("i",z,B)):t.createCommentVNode("",!0),t.renderSlot(u.$slots,"default")],10,h))}}),k=[p,m],x={install(n){k.forEach(e=>{n.component(e.name,e.default)})}};o.Button=p,o.ButtonGroup=m,o.default=x,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/style.css

@@ -1 +0,0 @@
-:root{--van-button-border-radius: 8px;--van-button-primary-color: #ffffff;--van-button-primary-background: linear-gradient(180deg, #3385e6 0%, #0066e0 100%);--van-button-primary-box-shadow: 0px 1px 6px 0px rgba(24, 29, 65, .12);--van-button-primary-border-color: #0066e0;--van-button-primary-background-focus: #007aff;--van-button-warning-color: #ffffff;--van-button-warning-background: linear-gradient(180deg, #ea5765 0%, #e52d3e 100%);--van-button-warning-box-shadow: 0px 1px 6px 0px rgba(24, 29, 65, .12);--van-button-warning-border-color: #e52d3e;--van-button-warning-background-focus: #f94a5a;--van-button-default-color: #181d41;--van-button-default-background: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%);--van-button-default-box-shadow: 0px 1px 6px 0px rgba(24, 29, 65, .12);--van-button-default-border-color: #cad0e0;--van-button-default-background-focus: #cad0e0;--van-button-plain-background: linear-gradient(180deg, #ffffff 0%, #f4f6f9 100%);--van-button-plain-border-color: #cad0e0;--van-button-disabled-color: #181d4133;--van-button-disabled-background: #f4f6f9;--van-button-disabled-box-shadow: none;--van-button-disabled-border-color: #f4f6f9;--van-button-disabled-background-focus: #f4f6f9;--van-button-large-width: 480px;--van-button-large-height: 80px;--van-button-large-font-size: 28px;--van-button-large-icon-size: 28px;--van-button-medium-width: 220px;--van-button-medium-height: 72px;--van-button-medium-font-size: 28px;--van-button-medium-icon-size: 28px;--van-button-small-width: 220px;--van-button-small-height: 64px;--van-button-small-font-size: 24px;--van-button-small-icon-size: 24px;--van-button-mini-width: 88px;--van-button-mini-height: 48px;--van-button-mini-font-size: 24px;--van-button-mini-icon-size: 24px}.nb-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;cursor:pointer;text-align:center;box-sizing:border-box;outline:none;transition:.1s;user-select:none;vertical-align:middle;-webkit-appearance:none;border-radius:var(--van-button-border-radius);font-family:inherit;font-weight:400}.nb-button:focus{outline:none}.nb-button--large{min-width:var(--van-button-large-width);height:var(--van-button-large-height);font-size:var(--van-button-large-font-size);padding:0 20px}.nb-button--large svg{width:var(--van-button-large-icon-size);height:var(--van-button-large-icon-size);margin-right:8px}.nb-button--medium{min-width:var(--van-button-medium-width);height:var(--van-button-medium-height);font-size:var(--van-button-medium-font-size);padding:0 20px}.nb-button--medium svg{width:var(--van-button-medium-icon-size);height:var(--van-button-medium-icon-size);margin-right:8px}.nb-button--small{min-width:var(--van-button-small-width);height:var(--van-button-small-height);font-size:var(--van-button-small-font-size);padding:0 20px}.nb-button--small svg{width:var(--van-button-small-icon-size);height:var(--van-button-small-icon-size);margin-right:8px}.nb-button--mini{min-width:var(--van-button-mini-width);height:var(--van-button-mini-height);font-size:var(--van-button-mini-font-size);padding:0 20px}.nb-button--mini svg{width:var(--van-button-mini-icon-size);height:var(--van-button-mini-icon-size);margin-right:8px}.nb-button--primary{color:var(--van-button-primary-color);background:var(--van-button-primary-background);box-shadow:var(--van-button-primary-box-shadow);border:1px solid var(--van-button-primary-border-color)}.nb-button--primary:focus{border-color:var(--van-button-primary-background-focus);background-color:var(--van-button-primary-background-focus)}.nb-button--primary.nb-button--plain{color:var(--van-button-primary-border-color)}.nb-button--warning{color:var(--van-button-warning-color);background:var(--van-button-warning-background);box-shadow:var(--van-button-warning-box-shadow);border:1px solid var(--van-button-warning-border-color)}.nb-button--warning:focus{border-color:var(--van-button-warning-background-focus);background-color:var(--van-button-warning-background-focus)}.nb-button--warning.nb-button--plain{color:var(--van-button-warning-border-color)}.nb-button--default{color:var(--van-button-default-color);background:var(--van-button-default-background);box-shadow:var(--van-button-default-box-shadow);border:1px solid var(--van-button-default-border-color)}.nb-button--default:focus{border-color:var(--van-button-default-background-focus);background-color:var(--van-button-default-background-focus)}.nb-button--default.nb-button--plain{color:var(--van-button-default-border-color)}.nb-button--plain{background:var(--van-button-plain-background);border-color:var(--van-button-plain-border-color)}.nb-button--text{min-width:100px;height:64px;background:transparent;border-color:transparent;box-shadow:none;padding:0 10px 0 6px}.nb-button--disabled{cursor:not-allowed;color:var(--van-button-disabled-color);background:var(--van-button-disabled-background);box-shadow:var(--van-button-disabled-box-shadow);border:1px solid var(--van-button-disabled-border-color)}.nb-button--loading{cursor:default;opacity:.5}.nb-button--loading .is-loading{width:28px;height:28px;margin-right:8px;animation:rotating 2s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}