widget.qw 1.0.15 → 1.0.17

package/.env.development

@@ -0,0 +1,10 @@
+NODE_ENV ='development'
+
+VITE_DOMAIN= 'https://www.hbhjhx.asia'
+VITE_TOKEN_KEY='Authorization'
+VITE_TOKEN_PREFIX='Bearer '
+VITE_NEED_LOGIN_CODE=401
+# 注意：发布时 VITE_IS_DEBUG必须配置为false
+#  本地开发时 VITE_IS_DEBUG必须配置为true
+VITE_IS_DEBUG=true
+VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJIb3VNdSIsInJuU3RyIjoiekRaM2g2RFpGTzZta2psYnh4cmlZUHVGNmd0SnloOTUifQ.RbYHsukUgLZ6KwtktTHByCkRBLDs4Wrjz4Vb4mGSINg'

package/.env.production

@@ -0,0 +1,9 @@
+NODE_ENV ='production'
+
+VITE_DOMAIN= 'https://www.hbhjhx.asia'
+VITE_TOKEN_KEY='Authorization'
+VITE_TOKEN_PREFIX='Bearer '
+VITE_NEED_LOGIN_CODE=401
+# 注意：发布时 VITE_IS_DEBUG必须配置为false
+#  本地开发时 VITE_IS_DEBUG必须配置为true
+VITE_IS_DEBUG=false

package/README.md

@@ -30,7 +30,7 @@ import {WIDGETQW,setup} from 'widget.qw'
 import 'widget.qw/build/style.css'
 setup({
     urlCallback: ()=>{
-        return process.env.VUE_APP_DOMAIN
+        return import.meta.env.DOMAIN
     },
     tokenCallback: ()=>{
         return util.getToken()

package/build/style.css

@@ -817,27 +817,27 @@
     /* 防止压缩 */
 }
 
-.widget[data-v-11b655b2] {
+.widget[data-v-5f2bdcf0] {
   /* 统一字段间距 */
 }
-.widget[data-v-11b655b2] .van-cell {
+.widget[data-v-5f2bdcf0] .van-cell {
   align-items: center;
 }
-.widget[data-v-11b655b2] .van-field__label {
+.widget[data-v-5f2bdcf0] .van-field__label {
   width: 90px;
   flex: none;
 }
-.widget .readonly-field[data-v-11b655b2] {
+.widget .readonly-field[data-v-5f2bdcf0] {
   /* 添加必填星号对齐 */
 }
-.widget .readonly-field[data-v-11b655b2] .van-field__control {
+.widget .readonly-field[data-v-5f2bdcf0] .van-field__control {
   color: #323233;
   /* 修改文字颜色与普通字段一致 */
   padding-right: 16px;
 }
-.widget .readonly-field.van-field--required[data-v-11b655b2] .van-field__label::before {
+.widget .readonly-field.van-field--required[data-v-5f2bdcf0] .van-field__label::before {
   margin-right: 4px;
 }
-.widget .readonly-field[data-v-11b655b2] {
+.widget .readonly-field[data-v-5f2bdcf0] {
   margin: 4px 0;
 }

package/build/widget.qw.es.js

@@ -2945,7 +2945,7 @@ var lib = {
   parse,
   stringify
 };
-const NEED_LOGIN = { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_NEED_LOGIN_CODE;
+const NEED_LOGIN = Number("401");
 const NEED_LOGIN_CODES = [
   NEED_LOGIN
 ];
@@ -2955,10 +2955,11 @@ function setCacheValueByKey(key, val) {
 function removeCacheByKey(key) {
   localStorage.removeItem(key);
 }
-const TOKEN_KEY = { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_TOKEN_KEY;
-const TOKEN_PREFIX = { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_TOKEN_PREFIX;
+const TOKEN_KEY = "Authorization";
+const TOKEN_PREFIX = "Bearer ";
 function getToken() {
-  return TOKEN_PREFIX + { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_DEBUG_TOKEN;
+  if (vm.tokenCallback)
+    return vm.tokenCallback();
 }
 function setToken(token2) {
   setCacheValueByKey(TOKEN_KEY, token2);
@@ -20660,7 +20661,7 @@ const _sfc_main$1 = {
     };
   }
 };
-var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-11b655b2] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-11b655b2] .van-cell {\n  align-items: center;\n}\n.widget[data-v-11b655b2] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-11b655b2] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-11b655b2] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  margin: 4px 0;\n}')();
+var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-5f2bdcf0] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-5f2bdcf0] .van-cell {\n  align-items: center;\n}\n.widget[data-v-5f2bdcf0] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-5f2bdcf0] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-5f2bdcf0] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-5f2bdcf0] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-5f2bdcf0] {\n  margin: 4px 0;\n}')();
 const _hoisted_1 = {
   class: "widget"
 };
@@ -20722,6 +20723,11 @@ const _sfc_main = {
         data2.options = options;
       });
     }));
+    const onShow = () => {
+      if (isReadonly || isDisabled || isGone)
+        return;
+      data2.isShow = true;
+    };
     const onConfirm = ({
       selectedOptions
     }) => {
@@ -20747,10 +20753,10 @@ const _sfc_main = {
         readonly: "",
         required: unref(isRequired),
         disabled: unref(isDisabled),
-        onClick: _cache[1] || (_cache[1] = ($event) => data2.isShow = true)
+        onClick: onShow
       }, null, 8, ["modelValue", "label", "placeholder", "required", "disabled"]), createVNode(_component_van_popup, {
         show: data2.isShow,
-        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => data2.isShow = $event),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShow = $event),
         "destroy-on-close": "",
         round: "",
         position: "bottom"
@@ -20765,7 +20771,7 @@ const _sfc_main = {
     };
   }
 };
-var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11b655b2"]]);
+var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f2bdcf0"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

package/build/widget.qw.umd.js

@@ -2948,7 +2948,7 @@ var __async = (__this, __arguments, generator) => {
     parse,
     stringify
   };
-  const NEED_LOGIN = { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_NEED_LOGIN_CODE;
+  const NEED_LOGIN = Number("401");
   const NEED_LOGIN_CODES = [
     NEED_LOGIN
   ];
@@ -2958,10 +2958,11 @@ var __async = (__this, __arguments, generator) => {
   function removeCacheByKey(key) {
     localStorage.removeItem(key);
   }
-  const TOKEN_KEY = { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_TOKEN_KEY;
-  const TOKEN_PREFIX = { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_TOKEN_PREFIX;
+  const TOKEN_KEY = "Authorization";
+  const TOKEN_PREFIX = "Bearer ";
   function getToken() {
-    return TOKEN_PREFIX + { "VUE_APP_DOMAIN": "https://www.hbhjhx.asia", "VUE_APP_TOKEN_KEY": "Authorization", "VUE_APP_TOKEN_PREFIX": "Bearer ", "VUE_APP_NEED_LOGIN_CODE": 401, "VUE_APP_IS_DEBUG": true, "VUE_APP_DEBUG_TOKEN": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns" }.VUE_APP_DEBUG_TOKEN;
+    if (vm.tokenCallback)
+      return vm.tokenCallback();
   }
   function setToken(token2) {
     setCacheValueByKey(TOKEN_KEY, token2);
@@ -20663,7 +20664,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-11b655b2] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-11b655b2] .van-cell {\n  align-items: center;\n}\n.widget[data-v-11b655b2] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-11b655b2] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-11b655b2] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  margin: 4px 0;\n}')();
+  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-5f2bdcf0] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-5f2bdcf0] .van-cell {\n  align-items: center;\n}\n.widget[data-v-5f2bdcf0] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-5f2bdcf0] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-5f2bdcf0] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-5f2bdcf0] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-5f2bdcf0] {\n  margin: 4px 0;\n}')();
   const _hoisted_1 = {
     class: "widget"
   };
@@ -20725,6 +20726,11 @@ var __async = (__this, __arguments, generator) => {
           data2.options = options;
         });
       }));
+      const onShow = () => {
+        if (isReadonly || isDisabled || isGone)
+          return;
+        data2.isShow = true;
+      };
       const onConfirm = ({
         selectedOptions
       }) => {
@@ -20750,10 +20756,10 @@ var __async = (__this, __arguments, generator) => {
           readonly: "",
           required: vue.unref(isRequired),
           disabled: vue.unref(isDisabled),
-          onClick: _cache[1] || (_cache[1] = ($event) => data2.isShow = true)
+          onClick: onShow
         }, null, 8, ["modelValue", "label", "placeholder", "required", "disabled"]), vue.createVNode(_component_van_popup, {
           show: data2.isShow,
-          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => data2.isShow = $event),
+          "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShow = $event),
           "destroy-on-close": "",
           round: "",
           position: "bottom"
@@ -20768,7 +20774,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11b655b2"]]);
+  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f2bdcf0"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/App.vue

@@ -9,7 +9,7 @@
 import { onMounted } from 'vue';
 
 onMounted(() => {
-
+  console.log('111111111111111',import.meta.env)
 })
 </script>
 

package/src/components/SingleApiPicker.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="widget">
     <van-field v-model="formatLabel" is-link :label="props.label" :placeholder="props.placeholder" readonly
-      :required="isRequired" :disabled="isDisabled" @click="data.isShow = true" />
+      :required="isRequired" :disabled="isDisabled" @click="onShow" />
     <van-popup v-model:show="data.isShow" destroy-on-close round position="bottom">
       <van-picker :columns="data.options" @cancel="onCancel" @confirm="onConfirm" />
     </van-popup>
@@ -62,6 +62,13 @@ onMounted(async () => {
   })
 })
 
+const onShow=()=>{
+  if(isReadonly || isDisabled || isGone)
+    return
+
+  data.isShow = true
+}
+
 const onConfirm = ({ selectedOptions }) => {
   console.log("selectedOptions: " + selectedOptions)
   let selectOption = selectedOptions[selectedOptions.length - 1]

package/src/main.js

@@ -52,7 +52,7 @@ import "vant/lib/index.css";
 import { WidgetQw, setup } from "@/components";
 setup({
   urlCallback: () => {
-    return process.env.VUE_APP_DOMAIN;
+    return import.meta.env.VITE_DOMAIN;
   },
   tokenCallback: () => {
     return util.getToken()
@@ -61,10 +61,10 @@ setup({
     router.push({ path: "/login" });
   },
   gstepBaseUrlCallback: () => {
-    return `${process.env.VUE_APP_DOMAIN}/gstep-api`
+    return `${import.meta.env.VITE_DOMAIN}/gstep-api`
   },
   fileUploadUrlCallback: ()=>{
-    return `${process.env.VUE_APP_DOMAIN}/ac-api/file/upload`
+    return `${import.meta.env.VITE_DOMAIN}/ac-api/file/upload`
   }
 });
 

package/src/router/index.ts

@@ -153,7 +153,7 @@ const routes: Array<RouteRecordRaw> = [
 ]
 
 const router = createRouter({
-  history: createWebHashHistory(process.env.BASE_URL),
+  history: createWebHashHistory(import.meta.env.BASE_URL),
   routes,
   scrollBehavior(to, from, savedPosition) {
     return { top: 0 }; // 强制滚动到顶部

package/src/util/auth_util.js

@@ -3,12 +3,12 @@ import { computed } from 'vue'
 import vm from '../vm'
 
 //登陆token的键名
-export const TOKEN_KEY = process.env.VUE_APP_TOKEN_KEY;
-export const TOKEN_PREFIX = process.env.VUE_APP_TOKEN_PREFIX;
+export const TOKEN_KEY = import.meta.env.VITE_TOKEN_KEY;
+export const TOKEN_PREFIX = import.meta.env.VITE_TOKEN_PREFIX;
 
 export function getToken() {
-    if (process.env.VUE_APP_IS_DEBUG)
-        return TOKEN_PREFIX + process.env.VUE_APP_DEBUG_TOKEN
+    if (import.meta.env.VITE_IS_DEBUG === 'true')
+        return TOKEN_PREFIX + import.meta.env.VITE_DEBUG_TOKEN
     else if(vm.tokenCallback)
         return vm.tokenCallback()
 }

package/src/util/errer_code.js

@@ -1,6 +1,6 @@
 // 返回这些错误码都要清除cookie及local storage
 //未登录 错误码
-const NEED_LOGIN = process.env.VUE_APP_NEED_LOGIN_CODE;
+const NEED_LOGIN = Number(import.meta.env.VITE_NEED_LOGIN_CODE)
 
 export const NEED_LOGIN_CODES = [
     NEED_LOGIN,

package/vite.config.ts

@@ -1,3 +1,4 @@
+import { defineConfig, loadEnv } from 'vite'
 import vue from "@vitejs/plugin-vue";
 import styleImport, { VantResolve } from "vite-plugin-style-import";
 import { resolve } from "path"; // 主要用于alias文件路径别名
@@ -5,69 +6,117 @@ import { resolve } from "path"; // 主要用于alias文件路径别名
 import requireTransform from "vite-plugin-require-transform";
 const path = require("path");
 
-export default {
-  build: {
-    outDir: 'build',
-    target: 'es2015',
-    // minify: 'esbuild',
-    minify: false,
-    cssTarget: 'chrome80',
-    chunkSizeWarningLimit: 2000,
-    lib: {
-      entry: path.resolve(__dirname, "./src/components/index.js"), //指定组件编译入口文件
-      name: "widget.qw",
-      fileName: "widget.qw",
-    },
-    rollupOptions: {
-      // 确保外部化处理那些你不想打包进库的依赖
-      external: ["vue"],
-      output: {
-        // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: "Vue",
-        },
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "");
+
+  return {
+    build: {
+      outDir: 'build',
+      target: 'es2015',
+      // minify: 'esbuild',
+      minify: false,
+      cssTarget: 'chrome80',
+      chunkSizeWarningLimit: 2000,
+      lib: {
+        entry: path.resolve(__dirname, "./src/components/index.js"), //指定组件编译入口文件
+        name: "widget.qw",
+        fileName: "widget.qw",
       },
-    }, // rollup打包配置
-  },
-  //打包配置，一定要加，否则路径不对，找不到js/css文件
-  //作用：打包index.html中的js/css文件前加相对路径./
-  base: "./",
-  define: {
-    'process.env': {
-      VUE_APP_DOMAIN: 'https://www.hbhjhx.asia',
-      VUE_APP_TOKEN_KEY: 'Authorization',
-      VUE_APP_TOKEN_PREFIX: 'Bearer ',
-      VUE_APP_NEED_LOGIN_CODE: 401,
-      //注意：发布时 VUE_APP_IS_DEBUG必须配置为false
-      // 本地开发时 VUE_APP_IS_DEBUG必须配置为true
-      // VUE_APP_IS_DEBUG: false,
-      VUE_APP_IS_DEBUG: true,
-      VUE_APP_DEBUG_TOKEN: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiIwMTQzOTEiLCJyblN0ciI6ImZ0ejhnaFpLMWR4ejhnOTFDZkJUMXQxVWNJajF3R3c1In0.tgI4iGOJ8OrjoqWIqC2pjH7J52l6H7wyuUwJATKIVns'
+      rollupOptions: {
+        // 确保外部化处理那些你不想打包进库的依赖
+        external: ["vue"],
+        output: {
+          // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+          globals: {
+            vue: "Vue",
+          },
+        },
+      }, // rollup打包配置
     },
-  },
-  resolve: {
-    // 配置路径别名
-    alias: {
-      "@": path.resolve(__dirname, "./src"),
-      "*": resolve(""),
+    //打包配置，一定要加，否则路径不对，找不到js/css文件
+    //作用：打包index.html中的js/css文件前加相对路径./
+    base: "./",
+    // 如果需要在客户端代码中注入非VITE_前缀的变量
+    define: {},
+    resolve: {
+      // 配置路径别名
+      alias: {
+        "@": path.resolve(__dirname, "./src"),
+        "*": resolve(""),
+      },
     },
-  },
-  plugins: [
-    vue(),
-    // 引入vant的样式依赖
-    // styleImport({
-    //   resolves: [VantResolve()],
-    //   libs: [
-    //     {
-    //       libraryName: 'vant',
-    //       esModule: true,
-    //       resolveStyle: (name) => `../es/${name}/style`,
-    //     },
-    //   ],
-    // }),
-    //vite版require配置
-    requireTransform({
-      fileRegex: /.ts$|.vue$/,
-    }),
-  ],
-};
+    plugins: [
+      vue(),
+      // 引入vant的样式依赖
+      // styleImport({
+      //   resolves: [VantResolve()],
+      //   libs: [
+      //     {
+      //       libraryName: 'vant',
+      //       esModule: true,
+      //       resolveStyle: (name) => `../es/${name}/style`,
+      //     },
+      //   ],
+      // }),
+      //vite版require配置
+      requireTransform({
+        fileRegex: /.ts$|.vue$/,
+      }),
+    ],
+  }
+})
+
+// export default {
+//   build: {
+//     outDir: 'build',
+//     target: 'es2015',
+//     // minify: 'esbuild',
+//     minify: false,
+//     cssTarget: 'chrome80',
+//     chunkSizeWarningLimit: 2000,
+//     lib: {
+//       entry: path.resolve(__dirname, "./src/components/index.js"), //指定组件编译入口文件
+//       name: "widget.qw",
+//       fileName: "widget.qw",
+//     },
+//     rollupOptions: {
+//       // 确保外部化处理那些你不想打包进库的依赖
+//       external: ["vue"],
+//       output: {
+//         // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+//         globals: {
+//           vue: "Vue",
+//         },
+//       },
+//     }, // rollup打包配置
+//   },
+//   //打包配置，一定要加，否则路径不对，找不到js/css文件
+//   //作用：打包index.html中的js/css文件前加相对路径./
+//   base: "./",
+//   resolve: {
+//     // 配置路径别名
+//     alias: {
+//       "@": path.resolve(__dirname, "./src"),
+//       "*": resolve(""),
+//     },
+//   },
+//   plugins: [
+//     vue(),
+//     // 引入vant的样式依赖
+//     // styleImport({
+//     //   resolves: [VantResolve()],
+//     //   libs: [
+//     //     {
+//     //       libraryName: 'vant',
+//     //       esModule: true,
+//     //       resolveStyle: (name) => `../es/${name}/style`,
+//     //     },
+//     //   ],
+//     // }),
+//     //vite版require配置
+//     requireTransform({
+//       fileRegex: /.ts$|.vue$/,
+//     }),
+//   ],
+// };