@bytenew/bn-bus-ui 1.1.462 → 1.1.463

package/install.js

@@ -0,0 +1,134 @@
+// install.js
+import BnAddress from "./packages/BnAddress/index.vue";
+import BnMenus from "./packages/BnMenus/BnMenus.vue";
+import BnSelect from "./packages/BnSelect/BnSelect.vue";
+import BnVirtPopover from "./packages/BnVirtPopover/index.vue";
+import BnAdvancedFilter from "./packages/BnAdvancedFilter/index.vue";
+import BnFilterView from "./packages/BnAdvancedFilter/BnFilterView.vue";
+import BnDatePicker from "./packages/BnDatePicker/BnDatePicker.vue";
+import BnCheck from "./packages/BnCheck/BnCheck.vue";
+import BnOrderCard from "./packages/BnOrderCard/BnOrderCard.vue";
+import BnDrop from "./packages/BnDrop/BnDrop.vue";
+import BnFileView from "./packages/BnFileView/BnFileView.vue";
+import BnInpNum from "./packages/BnInpNum/BnInpNum.vue";
+import BnRadio from "./packages/BnRadio/BnRadio.vue";
+import BnRelation from "./packages/BnRelation/BnRelation.vue";
+import BnCondition from "./packages/BnCondition/index.vue";
+import BnSmartForm from "./packages/BnSmartForm/index.vue";
+import BnBatchForm from "./packages/BnSmartForm/BnBatchForm.vue";
+import BnBatchFormDialog from "./packages/BnSmartForm/BnBatchFormDialog.vue";
+import BnFunExpr from "./packages/BnFunExpr/BnFunExpr.vue";
+import BnColumnConfig from "./packages/BnColumnConfig/index.vue";
+import BnColumnConfigDialog from "./packages/BnColumnConfig/columnConfigDialog.vue";
+import BnFilterOption from "./packages/BnFilterOption/BnFilterOption.vue";
+import BnImportOrder from "./packages/BnImportOrder/BnImportOrder.vue";
+import BnImportTemplate from "./packages/BnImportTemplate/BnImportTemplate.vue";
+import BnExportOrder from "./packages/BnExportOrder/BnExportOrder.vue";
+import BnOrderShare from "./packages/BnOrderShare/index.vue";
+import BnOrderDetail from "./packages/BnOrderDetail/BnOrderDetail.vue";
+import BnEmptyTip from "./packages/BnEmptyTip/BnEmptyTip.vue";
+import BnCascader from "./packages/BnCascader/BnCascader.vue";
+import BnCascaderPanel from "./packages/BnCascader/BnCascaderPanel.vue";
+import BnWebLog from "./packages/BnWebLog/BnWebLog.vue";
+import BnWorkSettingDrop from "./packages/BnWorkSettingDrop/index.vue";
+// 使用异步导入以避免和其他组件中的动态导入冲突
+import { defineAsyncComponent } from 'vue';
+const BnStringForm = defineAsyncComponent(() => import("./packages/BnSmartForm/stringForm/index.vue"));
+const BnNumberForm = defineAsyncComponent(() => import("./packages/BnSmartForm/numberForm/index.vue"));
+const BnSelectForm = defineAsyncComponent(() => import("./packages/BnSmartForm/selectForm/index.vue"));
+const BnRadioForm = defineAsyncComponent(() => import("./packages/BnSmartForm/radioForm/index.vue"));
+const BnCheckboxForm = defineAsyncComponent(() => import("./packages/BnSmartForm/checkboxForm/index.vue"));
+const BnDateForm = defineAsyncComponent(() => import("./packages/BnSmartForm/dateForm/index.vue"));
+const BnDateDualForm = defineAsyncComponent(() => import("./packages/BnSmartForm/dateDualForm/index.vue"));
+const BnFileForm = defineAsyncComponent(() => import("./packages/BnSmartForm/fileForm/index.vue"));
+const BnChildrenForm = defineAsyncComponent(() => import("./packages/BnSmartForm/childrenForm/index.vue"));
+const BnChooseIPaasData = defineAsyncComponent(() => import("./packages/BnSmartForm/chooseIPaasData/chooseIPaasData.vue"));
+const BnAddressForm = defineAsyncComponent(() => import("./packages/BnSmartForm/addressForm/index.vue"));
+const BnReceiveForm = defineAsyncComponent(() => import("./packages/BnSmartForm/receiveForm/index.vue"));
+const BnRelationForm = defineAsyncComponent(() => import("./packages/BnSmartForm/relationForm/index.vue"));
+
+const BnBusUi = {
+    install: (app) => {
+        app.component("BnAddress", BnAddress)
+        app.component("BnMenus", BnMenus)
+        app.component("BnSelect", BnSelect)
+        app.component("BnVirtPopover", BnVirtPopover)
+        app.component("BnAdvancedFilter", BnAdvancedFilter)
+        app.component("BnFilterView", BnFilterView)
+        app.component("BnDatePicker", BnDatePicker)
+        app.component("BnCheck", BnCheck)
+        app.component("BnOrderCard", BnOrderCard)
+        app.component("BnDrop", BnDrop)
+        app.component("BnFileView", BnFileView)
+        app.component("BnInpNum", BnInpNum)
+        app.component("BnRadio", BnRadio)
+        app.component("BnRelation", BnRelation)
+        app.component("BnCondition", BnCondition)
+        app.component("BnSmartForm", BnSmartForm)
+        app.component("BnBatchForm", BnBatchForm)
+        app.component("BnBatchFormDialog", BnBatchFormDialog)
+        app.component("BnStringForm", BnStringForm)
+        app.component("BnNumberForm", BnNumberForm)
+        app.component("BnSelectForm", BnSelectForm)
+        app.component("BnRadioForm", BnRadioForm)
+        app.component("BnCheckboxForm", BnCheckboxForm)
+        app.component("BnDateForm", BnDateForm)
+        app.component("BnDateDualForm", BnDateDualForm)
+        app.component("BnFileForm", BnFileForm)
+        app.component("BnChildrenForm", BnChildrenForm)
+        app.component("BnChooseIPaasData", BnChooseIPaasData)
+        app.component("BnAddressForm", BnAddressForm)
+        app.component("BnReceiveForm", BnReceiveForm)
+        app.component("BnRelationForm", BnRelationForm)
+        app.component("BnFunExpr", BnFunExpr)
+        app.component("BnColumnConfig", BnColumnConfig)
+        app.component("BnColumnConfigDialog", BnColumnConfigDialog)
+        app.component("BnFilterOption", BnFilterOption)
+        app.component("BnImportOrder", BnImportOrder)
+        app.component("BnImportTemplate", BnImportTemplate)
+        app.component("BnExportOrder", BnExportOrder)
+        app.component("BnOrderShare", BnOrderShare)
+        app.component("BnOrderDetail", BnOrderDetail)
+        app.component("BnEmptyTip", BnEmptyTip)
+        app.component("BnWebLog", BnWebLog)
+        app.component("BnCascader", BnCascader)
+        app.component("BnCascaderPanel", BnCascaderPanel)
+        app.component("BnWorkSettingDrop", BnWorkSettingDrop)
+    }
+}
+
+// 支持通过 CDN 方式引入时自动注册
+if (typeof window !== 'undefined' && window.Vue) {
+    window.Vue.use(BnBusUi);
+}
+
+// 导出插件对象
+export default BnBusUi;
+
+// 单独导出组件，支持按需引入
+export { BnCondition, BnAddress, BnMenus, BnSelect, BnVirtPopover, BnAdvancedFilter, BnFilterView, BnFunExpr,
+    BnDatePicker, BnCheck, BnOrderCard, BnDrop, BnFileView, BnInpNum, BnRadio, BnRelation, BnSmartForm, BnBatchForm, BnBatchFormDialog,
+    BnStringForm, BnNumberForm, BnSelectForm, BnRadioForm, BnCheckboxForm, BnDateForm, BnDateDualForm,
+    BnFileForm, BnChildrenForm,BnChooseIPaasData, BnAddressForm, BnReceiveForm, BnRelationForm, BnColumnConfig,
+    BnColumnConfigDialog, BnFilterOption,BnWebLog,BnImportOrder,BnImportTemplate,BnExportOrder,BnOrderShare,BnOrderDetail,BnEmptyTip,BnCascader,BnCascaderPanel,BnWorkSettingDrop};
+export {
+    idsToTexts,
+    insertText,
+    tidyRuleComponents,
+    searchValueToJson,
+    getSearchComponents,
+    getWatchComponents,
+    tidyComponents,
+    tidyShowSubDataFile,
+    tidyJumpSearchData,
+    recordApiLog,
+    mainAppRouterPush,
+    addressParse,
+} from "./utils/index.js";
+
+// 导出全局配置方法
+export {
+    setGlobalConfig,
+    getGlobalConfig,
+    getApiBaseUrl
+} from "./utils/config.js";

package/package.json

@@ -1,12 +1,26 @@
 {
   "name": "@bytenew/bn-bus-ui",
-  "version": "1.1.462",
+  "version": "1.1.463",
   "description": "班牛业务组件库，集合版",
   "private": false,
-  "main": "dist/bn-bus-ui.umd.js",
+  "main": "install.js",
+  "module": "install.js",
   "type": "module",
+  "sideEffects": [
+    "*.scss",
+    "*.css",
+    "**/*.vue"
+  ],
+  "exports": {
+    ".": "./install.js",
+    "./common.scss": "./common.scss",
+    "./packages/*": "./packages/*",
+    "./utils/*": "./utils/*"
+  },
   "files": [
-    "dist",
+    "install.js",
+    "packages",
+    "utils",
     "common.scss"
   ],
   "publishConfig": {
@@ -18,7 +32,9 @@
     "bus_dev": "vite",
     "bus_build": "vite build",
     "preview": "vite preview",
-    "pub": "npm run bus_build && npm publish --access public"
+    "sync-utils": "node scripts/sync-utils.js",
+    "prepublishOnly": "npm run sync-utils",
+    "pub": "npm publish --access public"
   },
 
   "peerDependencies": {

package/packages/BnAddress/index.vue

@@ -0,0 +1,141 @@
+<!--地址选择器-->
+<template>
+  <div class="bnAddress" :class="wrapShow?'w-flex-wrap':''">
+    <div :class="wrapShow?'bnAddress-item':''" v-for="(item,index) in levelNum">
+      <el-select v-model="value[index]" :placeholder="headerTitle[item]" filterable
+                 @change="changeValue(index)" @visible-change="openSelect($event,index)"
+                 :value-key="valueKey" :disabled="disabled" clearable>
+        <el-option v-show="false" v-for="(item,index) in value" :key="index" :label="item.title"
+                   :value="item"></el-option>
+        <el-option v-for="item in optionList" :key="item[valueKey]" :label="item.title" :value="item"></el-option>
+        <div class="w-empty" v-show="loading">加载中...</div>
+        <div class="w-empty" v-show="!loading && optionList.length == 0">无数据</div>
+      </el-select>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "BnAddress",
+  props: {
+    modelValue: Array,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    valueKey: {
+      type: String,
+      default: 'id'
+    },
+    levelNum: {
+      type: Number,
+      default: 4
+    },
+    // 支持外部查询的方法，使用者传进来
+    postFunc: Function,
+    // 搜索的请求参数
+    postData: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    // 通过外部传入的链接进行参数请求
+    pathUrl: {
+      type: String,
+      default: ''
+    },
+    // 整行展示
+    wrapShow: Boolean
+  },
+  computed: {
+    value: {
+      get() {
+        return this.modelValue;
+      },
+      set(val) {
+        this.$emit("update:modelValue", val);
+      }
+    }
+  },
+  data() {
+    return {
+      loading: false,//动态加载loading
+      optionList: [],
+      defaultValueMap: [],
+      areaList: ['province', 'city', 'area', 'street'],
+      headerTitle: {
+        1: '选择省',
+        2: '选择市',
+        3: '选择区',
+        4: '选择街道'
+      },
+    }
+  },
+  methods: {
+    // 打开下拉
+    openSelect(v, index) {
+      if (v) {
+        this.loading = true;
+        this.optionList = [];
+        if (index == 0 || (this.value[index - 1] && this.value[index - 1][this.valueKey])) {
+          this.getAddressList(index)
+        }
+      }
+    },
+    // 查询地址
+    getAddressList(index) {
+      if (!this.postFunc) {
+        console.log("地址组件：没有传入远程调用的方法postFunc")
+        this.loading = false;
+        return false;
+      }
+      this.loading = true;
+      let post = undefined
+      if (index !== 0) {
+        post = {
+          id: this.modelValue[index - 1][this.valueKey],
+          key: this.areaList[index - 1]
+        }
+      }
+      this.postFunc(this.pathUrl, post).then(res => {
+        this.loading = false;
+        if (!res.code) {
+          this.optionList = res.data.map(item => {
+            return {id: item.id, [this.valueKey]: item.id, title: item.name || item.title, type: item.type}
+          });
+        }
+      })
+    },
+    // 数据变化
+    changeValue(index) {
+      if (this.value[index]) {
+        if (this.value[index + 1]) {
+          this.value.splice(index + 1, this.value.length - index)
+        }
+      } else {
+        this.value.splice(index, this.value.length + 1 - index)
+      }
+      this.$emit("change")
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.bnAddress {
+  position: relative;
+  width: 100%;
+  display: flex;
+  gap: 8px;
+
+  >div {
+    flex-grow: 1;
+  }
+  &-item {
+    min-width: 100%;
+  }
+
+}
+</style>

package/packages/BnAddressParse/index.vue

@@ -0,0 +1,75 @@
+<!--地址组件-->
+<template>
+  <div class="w-default-wrap">
+    <div class="w-margin-bottom10 w-flex-center">
+      <el-popover placement="top-start" :width="400" trigger="hover" :show-arrow="false">
+        <div class="w-font13 w-margin-bottom5">
+          <div>地址自动识别用于辅助回填繁琐的地址信息，但任何自动化识别都会存在一定错误率。
+            为了你的愉快使用，请尽量使用格式规范的完整地址信息进行识别，比如包含完整的
+            <span class="w-color-orange">省市区级别标识</span> ，
+            <span class="w-color-orange">姓名和手机号尽量放在地址前面</span>
+            ，不要穿插其中。
+          </div>
+          <div><span class="w-color-red">文案不规范、信息有缺都有可能造成识别率下降，拆分地址出错。</span>
+            <span>遇见这种情况请您手动调整文案并重试</span></div>
+        </div>
+        <template #reference>
+          <span class="bnUIcon bnUIcon-searchAuto w-color-orange w-font22 w-margin-right10"></span>
+        </template>
+      </el-popover>
+      <el-input v-model="address" placeholder="输入地址后自动识别" clearable @change="autoAds"
+                @blur="autoAds"></el-input>
+    </div>
+  </div>
+</template>
+<script>
+import {debounce} from "lodash";
+
+export default {
+  name: "BnAddressParse",
+  props: {
+    postFunc: Function
+  },
+  data() {
+    return {
+      address: "",
+      record: ""
+    }
+  },
+  methods: {
+    /**
+     * 自动识别方法（使用防抖）
+     */
+    autoAds: debounce(function () {
+      if (!this.address || this.address == this.record) {
+        return;
+      }
+      this.postFunc('/address/parse', {address: this.address}).then(res => {
+        if (!res.code && res.data) {
+          let addressVal = [];
+          let list = ['province', 'city', 'area', 'street'];
+          list.forEach((item, index) => {
+            if (res.data[item]) {
+              addressVal.push({
+                id: res.data[`${item}Id`],
+                code: res.data[`${item}Id`],
+                title: res.data[item],
+                parentId: !index ? 1 : addressVal[index - 1].id,
+                type: index + 2//这个是后端定义的字段，不知道为啥是从2开始的
+              })
+            }
+          })
+          let adsData = {
+            name: res.data.name || '',
+            phone: res.data.phone || '',
+            detail: res.data.detail || '',
+            address: addressVal
+          }
+          this.record = this.address;
+          this.$emit('parse', adsData)
+        }
+      })
+    }, 60)
+  }
+}
+</script>

package/packages/BnAdvancedFilter/BnFilterView.vue

@@ -0,0 +1,145 @@
+<!--收起筛选条件预览-->
+<script>
+import { searchTypeMap } from './util.js'
+
+export default {
+  name: "BnFilterView",
+  props: {
+    conditions: {
+      type: Array,
+      default: () => []
+    },
+    // 禁止点击删除按钮的组件code
+    notDelCodes:{
+      type: Array,
+      default: () => []
+    },
+  },
+
+  methods: {
+    // 删除筛选条件
+    handleClose(index) {
+      this.conditions.splice(index, 1);
+      this.$emit("change")
+    },
+
+    // 重置：清空所有筛选条件的value
+    resetConditions() {
+      this.conditions.forEach(item => {
+        if (Array.isArray(item.value)) {
+          item.value = []
+        } else if (item.value && typeof item.value === 'object') {
+          Object.keys(item.value).forEach(key => { item.value[key] = '' })
+        } else {
+          item.value = ''
+        }
+      })
+      this.$emit('reset', this.conditions)
+    },
+
+    // 获取条件操作符文案
+    getSearchTypeLabel(item) {
+      return searchTypeMap[item.searchType] || ''
+    },
+
+    // 格式化筛选条件的值用于展示
+    formatValue(item) {
+      if (Array.isArray(item.value)) {
+        return item.value.map(v => v.title || v.name || v).join('、')
+      } else if (item.value && typeof item.value === 'object') {
+        return `${item.value.start || ''} ~ ${item.value.end || ''}`
+      }
+      return item.value || ''
+    },
+
+    // 格式化完整展示文案：字段名+操作符+值
+    formatDisplay(item) {
+      const label = this.getSearchTypeLabel(item)
+      const value = this.formatValue(item)
+      if (label && value) return `${item.name}: ${label}-${value}`
+      if (label) return `${item.name}: ${label}`
+      if (value) return `${item.name}: ${value}`
+      return item.name
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="search-view">
+    <span class="search-view-label">筛选条件:</span>
+    <div class="search-view-tags">
+      <template v-for="(item, index) in conditions" :key="index">
+        <div class="search-tag">
+          <span class="search-tag-text">{{ formatDisplay(item) }}</span>
+          <span v-if="!notDelCodes.includes(item.columnCode)" class="search-tag-close" @click="handleClose(index)">×</span>
+        </div>
+      </template>
+    </div>
+    <span class="search-view-link" @click="resetConditions">重置</span>
+    <span class="search-view-link search-view-open" @click="$emit('openSearch')">展开</span>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.search-view {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  min-height: 32px;
+  &-label {
+    font-size: 14px;
+    color: #333;
+    white-space: nowrap;
+    margin-right: 8px;
+    flex-shrink: 0;
+    line-height: 24px;
+  }
+  &-tags {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+  }
+  &-link {
+    font-size: 14px;
+    color: #409eff;
+    cursor: pointer;
+    white-space: nowrap;
+    margin-left: 12px;
+    flex-shrink: 0;
+    align-self: flex-end;
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+  &-open {
+    margin-left: 12px;
+  }
+  .search-tag {
+    display: inline-flex;
+    align-items: center;
+    height: 24px;
+    padding: 0 8px;
+    background: #f4f4f5;
+    border: 1px solid #e9e9eb;
+    border-radius: 4px;
+    font-size: 12px;
+    color: #606266;
+    line-height: 1;
+    &-text {
+      white-space: nowrap;
+    }
+    &-close {
+      margin-left: 6px;
+      cursor: pointer;
+      font-size: 14px;
+      color: #909399;
+      &:hover {
+        color: #333;
+      }
+    }
+  }
+}
+</style>