@bytenew/bn-bus-ui 1.1.463 → 1.1.464

package/dist/setRelationOption.css

@@ -0,0 +1 @@
+.condition-list[data-v-f37bbb16]{height:100%;overflow-y:auto}.condition-list__empty[data-v-f37bbb16]{padding:10px;font-size:12px;color:#999}.condition-list__empty .el-button[data-v-f37bbb16]{font-size:12px}.condition-list__tip[data-v-f37bbb16]{padding:10px;line-height:22px;font-size:12px;color:#999}.condition-item[data-v-f37bbb16]{display:flex;align-items:center;width:100%;height:34px;transition:background-color .3s;cursor:pointer}.condition-item--active[data-v-f37bbb16]{background-color:#e0ecfe}.condition-item[data-v-f37bbb16]:hover{background-color:#eef5fe}.condition-item__drag[data-v-f37bbb16]{width:25px;height:34px;line-height:34px;text-align:center;cursor:move;flex-shrink:0}.condition-item__input[data-v-f37bbb16]{flex:1;padding:2px 5px;min-width:0}.condition-item__actions[data-v-f37bbb16]{display:flex;align-items:center;gap:5px;padding-right:5px;flex-shrink:0}.condition-item__action-icon[data-v-f37bbb16]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s}.condition-item__action-icon[data-v-f37bbb16]:hover{opacity:.6}.condition-item__action-icon.bnUIcon-add[data-v-f37bbb16]{color:#67c23a}.condition-item__action-icon.bnUIcon-delete[data-v-f37bbb16]{color:#f56c6c}.ghost-item[data-v-f37bbb16]{opacity:.5;background:#f0f0f0}.chosen-item[data-v-f37bbb16]{opacity:.9}.level-header[data-v-5664ea69]{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border-bottom:1px solid #ddd}.level-header__input[data-v-5664ea69] .el-input__wrapper{box-shadow:none;border-bottom:none;border-radius:0}.level-header__actions[data-v-5664ea69]{display:flex;align-items:center;gap:5px}.level-header__actions .el-button[data-v-5664ea69]{font-size:12px;padding:0}.level-header__delete-icon[data-v-5664ea69]{font-size:14px;color:#f56c6c;cursor:pointer;padding:4px}.level-header__delete-icon[data-v-5664ea69]:hover{opacity:.7}.level-header__delete-tip[data-v-5664ea69]{padding:10px;line-height:1.5;margin:0}.level-header__delete-actions[data-v-5664ea69]{text-align:right}.setRelationOpt[data-v-147b197f]{min-height:280px}.setRelationOpt-header[data-v-147b197f]{display:flex;align-items:center}.setRelationOpt-tip[data-v-147b197f]{width:330px;color:#888;font-size:12px;padding-left:8px}.setRelationOpt-levels[data-v-147b197f]{display:flex;gap:12px;padding-bottom:10px}.setRelationOpt-levels-column[data-v-147b197f]{flex-shrink:0;width:240px;height:360px;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}

package/package.json

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

package/install.js

@@ -1,134 +0,0 @@
-// 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/packages/BnAddress/index.vue

@@ -1,141 +0,0 @@
-<!--地址选择器-->
-<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

@@ -1,75 +0,0 @@
-<!--地址组件-->
-<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

@@ -1,145 +0,0 @@
-<!--收起筛选条件预览-->
-<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>