bl-common-vue3 3.8.35 → 3.8.38

package/index.js

@@ -0,0 +1,28 @@
+/**
+ * 组件库入口
+ * 按需导入：import { ChooseOrgMember } from 'bl-common-vue3'
+ * 全量注册：import BlCommon from 'bl-common-vue3'; app.use(BlCommon)
+ */
+import * as components from "./src/components/components.js";
+
+export * from "./src/components/components.js";
+import utils from "./src/common/utils/util.js";
+import { commonLocale, commonAllLocale } from "./src/locale/index";
+
+export const install = function (app) {
+  Object.keys(components).map((key) => {
+    const component = components[key];
+    if (component.install) {
+      app.use(component);
+    }
+  });
+  return app;
+};
+
+export default {
+  install,
+  components,
+  utils,
+  commonLocale,
+  commonAllLocale,
+};

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "bl-common-vue3",
-  "version": "3.8.35",
-  "main": "lib/vue3common.umd.min.js",
+  "version": "3.8.38",
+  "main": "index.js",
+  "module": "index.js",
   "description": "bailing vue3 common components lib",
   "private": false,
+  "sideEffects": ["**/*.css", "**/*.less", "**/*.vue"],
   "scripts": {
     "lib": "vue-cli-service build --target lib --name vue3common --dest lib index.js",
     "serve": "vue-cli-service serve",
@@ -14,8 +16,7 @@
   "exports": {
     ".": "./lib/vue3common.common.js",
     "./package.json": "./package.json",
-    "./lib/*": "./lib/*",
-    "./BlTinymceEditor": "./src/components/BlTinymceEditor/index.vue"
+    "./lib/*": "./lib/*"
   },
   "peerDependencies": {
     "ant-design-vue": "^3.2.20",

package/src/common/styles/base.less

@@ -0,0 +1,37 @@
+/**
+* @Description: 全局可使用的less变量声明
+*/
+// 主题样式
+@primary-color: #2681f3; // 全局主色
+@primary-color-bg: #f0f9ff; // 全局主色
+@link-color: #2681f3; // 链接色
+@success-color: #52c41a; // 成功色
+@warning-color: #faad14; // 警告色
+@error-color: #f5222d; // 错误色
+@heading-color: rgba(0, 0, 0, 0.85); // 标题色
+@text-color: rgba(0, 0, 0, 0.65); // 主文本色
+@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
+@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
+@border-color-base: #d9d9d9; // 边框色
+@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影
+@font-size-base: 14px; // 主字号
+@font-size-desc: 12px; // 描述字号
+@font-size-subhead: 16px; // 副标题字号
+@font-size-head: 18px; // 标题字号
+@font-size-headline: 20px; // 页面主标题字号
+@font-weight-normal: 400; // 常规体
+@font-weight-middle: 800; // 中黑体
+@font-weight-bold: 900; // 粗体
+@border-radius-base: 4px; // 组件/浮层圆角
+@border-radius-cardsmall: 8px; // 8px圆角
+@border-radius-cardmiddle: 10px; // 10px圆角
+@border-radius-cardlarge: 12px; // 12px圆角
+
+@top-header-height: 50px; //顶部菜单高度
+@default-white-text-color: rgba(255, 255, 255, 0.8); //白色文字默认颜色
+
+// 常用样式变量
+
+.primary-color-text {
+  color: @primary-color;
+}

package/src/common/styles/common.less

@@ -0,0 +1,283 @@
+/**
+* @Description: 全局共用less样式集合
+*/
+
+// 文字不能选中
+.unselect {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+// 主色文字型button
+.text-btn {
+  color: @primary-color;
+  cursor: pointer;
+  height: 30px;
+  line-height: 30px;
+  padding-right: 15px;
+  white-space: nowrap;
+  &:extend(.unselect);
+}
+// 主红色文字型button
+.text-danger-btn {
+  &:extend(.text-btn);
+  color: @error-color;
+}
+
+// 文字不折行
+.nowrap {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+// drawer 底部按钮
+.drawer-footer {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid #e9e9e9;
+  background-color: #fff;
+  text-align: right;
+  z-index: 1;
+  padding: 10px 16px;
+}
+
+// flex
+.flex {
+  display: flex;
+}
+.flex-column {
+  flex-direction: column;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.justify-around {
+  justify-content: space-around;
+}
+.flex-end {
+  justify-content: flex-end;
+}
+.flex-start {
+  justify-content: flex-start;
+}
+.align-center {
+  align-items: center;
+}
+.align-end {
+  align-items: flex-end;
+}
+.align-start {
+  align-items: flex-start;
+}
+.self-start {
+  align-self: flex-start;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.flex-1 {
+  flex: 1;
+}
+
+.size-40 {
+  width: 40px;
+  height: 40px;
+}
+
+.w-100p {
+  width: 100%;
+}
+
+// margin
+.mt-10 {
+  margin-top: 10px;
+}
+.ml-10 {
+  margin-left: 10px;
+}
+.mr-10 {
+  margin-right: 10px;
+}
+.mt-20 {
+  margin-top: 20px;
+}
+.mt-40 {
+  margin-top: 40px;
+}
+.ml-2 {
+  margin-left: 2px;
+}
+.mr-2 {
+  margin-right: 2px;
+}
+.mlr-2 {
+  &:extend(.ml-2);
+  &:extend(.mr-2);
+}
+.mt-5 {
+  margin-top: 5px;
+}
+.ml-5 {
+  margin-left: 5px;
+}
+.mr-5 {
+  margin-right: 5px;
+}
+.mt-5 {
+  margin-top: 5px;
+}
+.mb-5 {
+  margin-bottom: 5px;
+}
+.mlr-5 {
+  &:extend(.ml-5);
+  &:extend(.mr-5);
+}
+.ml-20 {
+  margin-left: 20px;
+}
+.mr-20 {
+  margin-right: 20px;
+}
+.mt-50 {
+  margin-top: 50px;
+}
+.p-10 {
+  padding: 10px;
+}
+.plr-10 {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.plr-20 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.margin-10 {
+  margin: 10px;
+}
+.margin-20 {
+  margin: 20px;
+}
+.mb-20 {
+  margin-bottom: 20px;
+}
+.bg-white {
+  background-color: #fff;
+}
+
+.size-100p {
+  width: 100%;
+  height: 100%;
+}
+
+.fw-bold {
+  font-weight: bold;
+}
+
+.text-center {
+  text-align: center;
+}
+.text-right {
+  text-align: right;
+}
+
+.text-title {
+  height: 40px;
+  width: 100%;
+  font-size: 14px;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.8);
+  position: relative;
+  padding: 20px 10px;
+  display: flex;
+  align-items: center;
+  &::before {
+    position: absolute;
+    content: "";
+    left: 0;
+    top: 12px;
+    bottom: 12px;
+    width: 4px;
+    background-color: @primary-color;
+  }
+}
+
+.required {
+  color: #f5222d;
+  margin: 0 4px;
+}
+.num-input-suffix {
+  line-height: 32px;
+  margin-left: 10px;
+}
+
+.no-data {
+  width: 100%;
+  height: 80px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-size: 12px;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.spin {
+  width: 100%;
+  height: 100px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.link {
+  color: @primary-color;
+  cursor: pointer;
+}
+
+.text-wrap {
+	white-space: pre-wrap;
+	word-break: break-all;
+	word-wrap: break-word;
+}
+
+.text-gray {
+  color: rgba(0, 0, 0, 0.4);
+}
+.between {
+  justify-content: space-between;
+}
+.align-middle {
+  align-items: center;
+}
+
+.no-wrap {
+  white-space: nowrap;
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 隐藏滚动条 */
+.hide-scroller-bar::-webkit-scrollbar {
+  display: none;
+  /* Chrome Safari */
+}
+
+.hide-scroller-bar {
+  scrollbar-width: none;
+  /* firefox */
+  -ms-overflow-style: none;
+  /* IE 10+ */
+}

package/src/common/utils/constant.js

@@ -0,0 +1,75 @@
+// 表格字典样式
+const DICT_COLORS = [
+  {
+    label: 'utils.constant.921180-0',
+    value: 'default',
+    color: '',
+  },
+  {
+    label: 'utils.constant.921180-1',
+    value: 'primary',
+    color: '#409EFF',
+  },
+  {
+    label: 'utils.constant.921180-2',
+    value: 'success',
+    color: '#67C23A',
+  },
+  {
+    label: 'utils.constant.921180-3',
+    value: 'info',
+    color: '#5bc0de',
+  },
+  {
+    label: 'utils.constant.921180-4',
+    value: 'warning',
+    color: '#E6A23C',
+  },
+  {
+    label: 'utils.constant.921180-5',
+    value: 'danger',
+    color: '#F56c6c',
+  },
+];
+
+
+const ROOM_TYPE_ICONS = {
+  bunk: {
+    buildIcon: 'tree-louyu',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'z_bed_normal',
+  },
+  coldStorage: {
+    buildIcon: 'tree-louyu',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'cangwei',
+  },
+  station: {
+    buildIcon: 'tree-louyu',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'gongwei',
+  },
+  booth: {
+    buildIcon: 'a-16jz_tanwei_booth',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'tanweiguanli',
+  },
+  area: {
+    buildIcon: 'area',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'changdi',
+  },
+  car: {
+    buildIcon: 'tingchechang1',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'chewei',
+  },
+  default: {
+    buildIcon: 'tree-louyu',
+    layerIcon: 'tree-louceng',
+    roomIcon: 'tree-fangjian',
+  }
+}
+
+
+export {DICT_COLORS, ROOM_TYPE_ICONS}

package/src/common/utils/shared.js

@@ -0,0 +1,29 @@
+
+
+const shareds = {
+  blCommonKey: "BL_COMMON_LOCAL", // 公共localstorge存储
+  getCommonLocal: (key) => {
+    let localData = localStorage.getItem(shareds.blCommonKey);
+    if (localData) {
+      localData = JSON.parse(localData);
+    }
+    return key && localData ? localData[key] : null;
+  },
+  /**
+   数值相加或减少计算精度的问题
+   */
+  countSum: (arr) => {
+    if (!arr.length) return 0;
+    arr = arr.map((v) => {
+      if (v && !Number.isNaN(Number(v))) return Math.round(v * 100);
+      return 0;
+    });
+    const result = arr.reduce((prev, curr) => {
+      return prev + curr;
+    }, 0);
+    return result / 100;
+  },
+}
+
+
+export default shareds;